禁用基於json值的按鈕

Question

所以我有一個json對象和一個編輯按鈕。我想知道如何禁用該編輯按鈕，如果該值不等於彼得，以便用戶不能編輯它。

angular.module('app') 

.factory('WebApi', function() { 

//Dummy Data 
var name = [{ 
     value: "Peter", 
     text: "Peter" 
    }, { 
     value: "John", 
     text: "John" 
    }, { 
     value: "Lucy", 
     text: "Lucy", 
    }, { 
     value: "Hawk", 
     text: "Hawk" 
    }]; 

var tempData = []; 

//Display 100 item 
for (var i = 0; i < 100; i++) { 

    var selectedName = name[Math.floor((Math.random() * name.length))]; 

    tempData.push({ 
    name: selectedName.text 


    }) 
}; 

constants.js

angular.module('app') 

.factory('Constants', function() { 

    return { 
     status: { 
      Peter: 'Peter' 
     } 
    }; 

}); 

按鈕

<ion-list can-swipe="listCanSwipe"> 
          <ion-item ng-repeat="data in tempData" 
             item="data"> 
           Name: {{data.name}} 

           <ion-option-button class="button-calm" 
                ng-click="edit(data)"> 
            Edit 
           </ion-option-button> 

          </ion-item> 

         </ion-list> 

Answer 1

使用NG-禁用： Examlpe： -

<ion-option-button ng-disabled="name.value!='peter'" class="button-calm"ng-click="edit(data)"> 
     Edit 
    </ion-option-button> 

Answer 2

在HTML中

ng-disabled="someFunction()" 

在您的JS

$scope.someFunction = function() { 

// return true or false. 

}; 

Answer 3

使用ng-disabled像下面

<ion-option-button ng-disabled="data.name!='peter'" class="button-calm"ng-click="edit(data)"> 
     Edit 
    </ion-option-button> 

僅供參考 - https://docs.angularjs.org/api/ng/directive/ngDisabled