当angularjs中的ng-disabled值为true时如何在复选框中显示X标记

Question

如果ng-disabled 条件满足true，我需要为复选框显示一个红色的 X 标记。如何做到这一点？我是 Angular.js 的新手，任何人都可以帮助我。

这是我迄今为止尝试过的：

if (module.Name === 'val1' || module.Name === 'val2') {
  return true; // Here I'm validate ng-disables true or false
}

Answer 1

检查这个working demo。

数据结构如下：

 $scope.checkboxes = [{
   name: 'val1',
 }, {
   name: 'val2',
 }, {
   name: 'val3'
 }];

这是模板：

  <div ng-repeat="checkbox in checkboxes">
    <input type="checkbox" ng-checked="isDisabled(checkbox)" ng-disabled="isDisabled(checkbox)"/>
    {{checkbox.name}}
  </div>

然后是检查复选框是否被禁用的功能：

 $scope.isDisabled = function(module) {
  if (module.name === 'val1' || module.name === 'val2') {
    return true; // Here I'm validate ng-disables true or false
  }
 }