javascript - 根据 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>

Controller :

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

这里每次使用 lockResourceId 触发 onWebSocketFired() 函数时，如果它等于 item.activityId，则 div 将被禁用。 现在，在每次调用 onWebSocketFired() 时，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>

然后在 Controller 中你会像这样使用它:

$scope.lockResourceId = {};

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