angularjs में ng-disabled पर चेक कैसे करें?

Question

मैं fuelUX Wizard और कोणीय का उपयोग कर रहा हूं। मैं इस नियंत्रक विधि पर अगले बटन सक्षम या अक्षम आधारित करना चाहते हैं:

$scope.canMoveForward = function(){ 
     switch($("#moduleWizard").wizard("selectedItem").step){ 
      case 1: 
      //check if the module on the first step is valid*/ 
       return $scope.validSelection && $scope.linkedPredicateForm.$valid; 

      case 2: 
      //check if the table is empty 
       return !linkingDataSource.isEmpty(); 

      case 3: 
       var enab= ($scope.saveModeForm.$valid && $scope.newSourceForm.$valid) || 
       ($scope.saveModeForm.$valid && $scope.appendSourceForm.$valid) 
     } 
    }; 

तो वास्तव में यह कैसे मैं बटन decleared है:

<div class="actions"> 
       <button class="btn btn-mini btn-prev" ng-click="refresh()"> <i class="icon-arrow-left"></i>Prev</button> 
       <button class="btn btn-mini btn-next" data-last="Finish" id="wizard-next" ng-disabled="!canMoveForward()" 
         ng-click="handleStepResult()"> 
        Next<i class="icon-arrow-right"></i></button> 
      </div> 

और यह ठीक काम करता है, जब मैं मिल को छोड़कर दूसरे पृष्ठ से पहले पृष्ठ पर वापस: यदि अगला पृष्ठ दूसरे पृष्ठ में अक्षम है तो यह पहले पृष्ठ पर भी होगा, जब तक कि मैं वहां फॉर्म संपादित नहीं करता। क्या एनजी-अक्षम बाध्यकारी को रीफ्रेश करने के लिए वैसे भी है?

Answer 1

मुझे लगता है कि AngularJS यह जांच नहीं सकता कि canMoveForward() का आउटपुट बदल गया है या नहीं। मैंने पाया कि इस तरह की चीजों के लिए स्कोप चर पर भरोसा करना आसान है। संपत्ति सही/गलत करने के लिए आवश्यकतानुसार

ng-disabled="!canMoveForward" 

फिर अपने नियंत्रक में सिर्फ सेट:: आप कुछ इस तरह कर सकता है

$scope.canMoveForward = false; 

Answer 2

मैं एक ही समस्या पड़ा है और मैं समस्या यह है कि खोज की है ! ऑपरेटर के साथ है।

यह विफल रहता है:

ng-disabled="!canMoveForward()" 

लेकिन यह काम करेगा:

ng-disabled="canNotMoveForward()"