根據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;
}

這里每次onWebSocketFired（）的函數與lockResourceId解雇，如果是等於item.activityId然后在div將被禁用。 現在，這發生在每個onWebSocketFired（）調用的ng-repeat內的一個div處，但是我想保持以前禁用的字段不變，直到並且除非調用了其他任何調用。 有人可以建議修復嗎？

Answer 1

由於您還希望在禁用新的lockResourceId也將其禁用，因此您希望以數組或對象的形式存儲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;