繁体   English   中英

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

[英]Disabling div based on condition in ng-repeat

我有一个重复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处,但是我想保持以前禁用的字段不变,直到并且除非调用了其他任何调用。 有人可以建议修复吗?

由于您还希望在禁用新的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;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM