根据 ng-repeat 中的条件禁用 div

Question

我有一个重复 n 次的 ng-repeat..

HTML:

<div ng-repeat="item in items">
<fieldset ng-disabled="item.activityId==lockResourceId">
<div>Hello</div>
</fieldset>
</div>

控制器：

onWebSocketFired();
  function onWebSocketFired(isLock){
        $scope.lockResourceId=isLock;
}

这里每次使用 lockResourceId 触发函数 onWebSocketFired() 并且如果它等于 item.activityId 那么div 将被禁用。现在这发生在每个 onWebSocketFired() call.But 的 ng-repeat 中的一个 div 我想保留以前禁用的字段，直到并且除非调用任何其他调用。有人可以提出修复建议吗？

Answer 1

由于您希望在新字段集也被禁用时保持先前禁用的字段集处于禁用状态，因此您希望以数组或对象的形式存储lockResourceId。

<div ng-repeat="item in items">
  <fieldset ng-disabled="lockResourceId[item.activityId]">
    <div>Hello {{ item.activityId }}</div>
    <input type="checkbox">
  </fieldset>
</div>

然后在控制器中你会像这样使用它：

$scope.lockResourceId = {};

// Lock some id
$scope.lockResourceId[id] = isLock;

根据 ng-repeat 中的条件禁用 div

Disabling div based on condition in ng-repeat

javascript

angularjs

ng-repeat