Javascript 如何将变量从angular controller传递到jquery

我有两个html 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>

继续
$（函数（）{
$（'#stageOneDone'）。单击（函数（）{
//var completed=something
如果（！填写错误）{
$（'#stageOne'）.hide（）；
$（'#stagewo'）.show（）；
}
})
});

当函数checkFields（）应该检查第一个div的值时，它期望值为true，第二个div的值为false。我不知道如何获取函数的返回值并在jquery中使用它

---

编辑：如果您正在考虑为什么不使用angular显示/隐藏div，我想使用jquery的动画

您可以在控制器内设置变量，如$scope.step='one'

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

第一步
第二步
...

---

您不需要jQuery来完成此操作。

只需在控制器中写入所有jQuery即可解决此问题

您应该创建一个指令来执行此操作，以便您可以从控制器传递数据并正确操作dom，这是实现此操作的最佳方法。请检查我的编辑。我正在尝试使用jquery的动画。我所需要知道的就是在jquery外部定义一个变量，我可以在jquery内部使用它。所以只需在某个地方定义全局变量，然后设置它并获取它。无论如何，您可以在checkFields（）中使用jquery动画，但最好使用css动画和ng类如何在angular中定义全局变量并在jquery中访问它？这基本上就是我的问题！：）var completedunjuly=true；在$（function（）{…及其doneWhy将=true之前？我正在尝试从角度控制器获取值。。