如何禁用 angular 6 中的特定动态复选框？

Question

请查看下面的对象 array.i 正在显示所有组描述值以及复选框。我正在尝试禁用 B 和 C 组，但随着值变得动态，所有复选框值都变得 disabled.how 我可以在此处禁用特定组复选框吗？

[{groupId: "4", groupDesc: "A"},
 {groupId: "12", groupDesc: "B"},
 {groupId: "23", groupDesc: "c"},
 {groupId: "34", groupDesc: "D"}]


 for(var i=0;i<array.length;i++)
    {
         if(array[i].groupDesc == B || array[i].groupDesc == c)
            {
                 this.disablecheckbox = true;
            }
    }
<ng-container *ngFor="let value of array;let i = index;">
    <input type="checkbox" pattern="[0-9]{10}" [disabled]="disablecheckbox == true"  value="{{ value.GroupId }}" /><i class="skin"></i><span style ="width: 150px;">{{ value.groupDesc }}</span>
</ng-container>

Answer 1

您可以使用 forEach 中的特定对象来修改属性而不是局部变量：

for(var i=0;i<array.length;i++)
{
    if(array[i].groupDesc == A || array[i].groupDesc == B || array[i].groupDesc == c || array[i].groupDesc == D)
    {
      array[i].disablecheckbox = true;
    }
}

HTML:

<ng-container *ngFor="let value of array;let i = index;">
    <input type="checkbox" pattern="[0-9]{10}" [disabled]="value.disablecheckbox"  value="{{ value.GroupId }}" /><i class="skin"></i><span style ="width: 150px;">{{ value.groupDesc }}</span>
</ng-container>

如何禁用 angular 6 中的特定动态复选框？

How to disable particular dynamic checkbox in angular 6?

javascript

angular

angular6