2017-05-17 89 views
0

爲什麼在我的代碼中禁用ng禁用的工作? 我已經創建了一個plunker ..任何建議?angularjs禁用不起作用

https://plnkr.co/edit/j2LnhLxBe5gHPITMqzUJ?p=preview

<ul ng-repeat="permission in permissions" ng-click="permission.assigned=!permission.assigned"> 
    <a class="list-group-item" ng-class="{active: permission.assigned, disable: permission.name=='default'}"> 
    <div class="row"> 
     <div class="col-md-3"> 
     <input type=checkbox aria-label="checkbox" ng-model="permission.assigned" ng-click="$event.stopPropagation()"> 
     </div> 
     <div class="col-md-4">{{ permission.name }}</div> 
     <div class="col-md-6">{{ permission.description }}</div> 
    </div> 
    </a> 
</ul> 
+2

你在哪裏使用了'ng-disabled'指令..?請詳細解釋 –

+0

我在HTML中看不到'ng-disable'。 – Sankar

+0

順便說一句,它是bootstrap中的「禁用」類(而不是您在代碼中使用的「disable」),並且如上所述 - 您的代碼中未使用ngDisabled' –

回答

1

以下添加到您的輸入元素 - ng-disabled="permission.name === 'default'"

+0

即使這種變化能夠點擊複選框外,它將取消選中。 – Shayuh

+0

在這種情況下,也請刪除這個 - ng-click =」permission.assigned =!permission.assigned「從你的ul。 –

+0

但我希望能夠檢查並取消選中,只需點擊複選框..是否有任何解決方法,無需刪除ng點擊? – Shayuh