2016-05-09 36 views
0

我正在尋找切換開關(也禁用)使用複選框,我遇到HTML屬性選中/啓用,它工作正常,如果我將它輸入代碼運行良好,但我無法弄清楚如何使用angularjs動態控制它。我嘗試下面的代碼,用於禁止我用如何添加/刪除使用angular.js更改「禁用」或「檢查」屬性

<input type="checkbox" value={{light.status}} ng-click="toggle(light.status)" enabled /> 

託運我使用的,

<input type="checkbox" value={{light.status}} ng-click="toggle(light.status)" checked/> 

我試圖

<input type="checkbox" value={{light.status}} ng-click="toggle(light.status)" {{status}}/> 
相同

function toggelingtype(type){ 
    if(type==1}$scope.status="checked"; 
    if(type==2) $scope.status=""; 
    if(type==3)$scope.status="disabled; 

此的

角部位函數在一些http請求時被調用T I收到

+0

'如果(類型== 3)$ scope.status = 「禁用;'缺少結束引號是,這個問題應該是'如果(類型== 3)$ scope.status =?」 已禁用「;' –

+0

對不起,我錯過鍵入它,這不是問題 –

回答

3

只需使用屬性,如ng-checkedng-disabled

<input type="checkbox" ng-checked="light.checked" ng-disabled="light.disabled" /> 

編輯:另類

<input type="checkbox" ng-model="light.status" ng-disabled="!light.status" /> 

現在,如果你設置light.status = false;,該複選框將是既取消選中並禁用。

希望它有幫助。

+0

thankx工作! –

+0

但我想這是有任何方法來添加屬性像禁用和檢查到HTML標記使用角度 –

+0

@KaranSinghKochar複選框已經有屬性,如禁用和檢查,爲什麼要添加? – Shreevardhan

相關問題