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

我有两个htmldiv，每个div都有一堆输入字段。我也有一个角控制器，获取输入字段中的数据，并检查它们是否有效(即:电子邮件，密码匹配等)。我要做的是隐藏第一个div并在控制器说第一个div中输入的文本有效时显示第二个div。下面是html的样子:

  <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>

函数checkFields()期望值为真，当它应该检查第一个div的值和第二个div的假。我不知道如何做的是得到函数的返回值，并在jquery中使用它。

编辑:如果你在想为什么不使用angular来显示/隐藏div，我想使用jquery的动画。