Disabling div based on condition in ng-repeat

Question

I'm having an ng-repeat that repeats n times..

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

Here each time the function onWebSocketFired() is fired with the lockResourceId and if that is equals to item.activityId then the div will be disabled. Now this happens for one div inside the ng-repeat on each of the onWebSocketFired() call.But I would like to keep the previously disabled field as it is until and unless any other call has been called. Can anyone suggest a fix please?

Answer 1

Since you want to keep previously disabled fieldsets disabled when new one gets disabled too, you want to store lockResourceId in form of array or object.

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

Then in controller you would use it like this:

$scope.lockResourceId = {};

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