如何將變量從角度控制器傳遞給jquery

Question

我有兩個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>

函數checkFields（）在檢查第一個div的值時要求值為true，為第二個div檢查false。 我無法弄清楚該怎么做是獲取函數的返回值並在jquery中使用它。

編輯：如果您正在考慮為什么不使用angular顯示/隱藏div，我想使用jquery的動畫。

Answer 1

通過在控制器中編寫所有jquery來解決這個問題。

Answer 2

您可以在控制器內部設置變量，例如$ scope.step ='one';

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

你不需要jQuery來做到這一點。