javascript - 如何将变量从 Angular Controller 传递给jquery

Question

我有两个 html div，每个都有一堆输入字段。我还有一个 Angular Controller ，它获取在输入字段中输入的数据并检查它们是否有效(即:电子邮件、密码匹配等)。我想要做的是隐藏第一个 div 并在 Controller 说在第一个 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 的值时期望值为 true，而在第二个 div 时期望值为 false。我不知道该怎么做是获取函数的返回值并在 jquery 中使用它。

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

Answer 1

通过在 Controller 中写入所有 jquery 解决了这个问题。