禁用角度ng

Question

如果有人遇到這個問題，請回答我。

像這樣的東西工作正常（元素為true時將被禁用）：

            <input type="text" class="no-phone-input" name="phone" ng-model="currentOrder.Customer.Phone" ng-pattern="/^[0-9-]+$/" ng-disabled="{{currentOrder.Status == 7 || currentOrder.Status == 9}}"/>

這也有效：

<input type="text" id="orderNumberInput" class="no-num-input" name="OrderNumber" ng-model ="currentOrder.OrderNumber" ng-disabled="{{currentOrder.Status == 2 || currentOrder.Status == 3  || currentOrder.Status == 4 || currentOrder.Status == 6 || currentOrder.Status == 7 || currentOrder.Status == 8 || currentOrder.Status == 9}}" required/>

但這在相同的角度視圖（相同范圍）下不起作用：

<input id="customer" name="customer" type="text" ng-model="currentOrder.Customer.Name" ng-disabled="{{currentOrder.Status == 7 || currentOrder.Status == 9}}" required/>

元素未禁用...

Answer 1

或者只是在控制器中做：

$scope.disabler = function(){
    if($scope.currentOrder.Status ==7 || $scope.currentOrder.Status ==9 ){
        return true;
    }
}

並在您的模板中：

<input id="customer" name="customer" type="text" ng-model="currentOrder.Customer.Name" ng-disabled="disabler()" required/>

Answer 2

這在我的作品中起作用..

<input id="customer" name="customer" type="text" ng-model="currentOrder.Customer.Name" ng-disabled="(currentOrder.Status == 7 || currentOrder.Status == 9)" required/>

將{{}}更改為()