如何使用angular.js添加/删除更改'禁用'或'已检查'属性

Question

我正在寻找切换开关（也禁用）使用复选框，我遇到html属性检查/启用，它工作正常，如果我键入代码它运作良好，但我无法弄清楚是如何使用angularjs动态控制它。我尝试了下面的代码来禁用我使用

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

for checked used，

<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请求时调用此函数

Answer 1

只需使用ng-checked和ng-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;，则复选框将同时取消选中并停用。

希望它有所帮助。