如何将变量从角度控制器传递给jquery

Question

I have two html divs, each having a bunch of input fields. I also have an angular controller that gets the data entered in the input fields and checks if they are valid (ie: email, passwords match, etc). What I'm trying to do is hide the first div and show the second one once the controller says that the text entered in the first div is valid. Here is what the html looks like:

  <div id = "stageOne">
  <!-- whole bunch of inputs here -->
 </div>

<a class = "btn" id = "stageOneDone" ng-click = "checkFields(true)">Continue</a>
  <!-- First stage ends here-->


  <div align = "center" id = "stageTwo" style = "display: none">
     <!-- whole bunch of inputs here -->
  </div>

  <script>

  $(function(){

      $('#stageOneDone').click(function(){

        //var completedIncorrectly = something

        if(!completedIncorrectly){
          $('#stageOne').hide();
          $('#stageTwo').show();
        }

      })


  });

  </script>

The function checkFields() expects the value true when it should check the values of the first div and false for the second div. What I can't figure out how to do is get the return value of the function and use it in jquery.

EDIT: If you're thinking why not just show/hide the divs using angular, I want to use jquery's animations.

Answer 1

通过在控制器中编写所有jquery来解决这个问题。

Answer 2

You can set variable inside controller, like $scope.step = 'one';

<div ng-show="step='one'">first step</div>
<div ng-show="step='second'">second step</div>
...

You don't need jQuery to do this.