Question

我有一个复选框列表。没有绑定ngmodel时，disabled选项可以正常工作。

<div class="ui-g">
   <div *ngFor="let role of listContactRole" class="ui-g-6">
     <p-checkbox value="{{role.id}}" label= {{role.displayName}}" 
              name="planRole" [disabled]="role.isEnabled">
     </p-checkbox>
   </div>
</div>

但是当我绑定ngmodel =“ selectedPlanRoles”时，禁用的选项不再起作用。有帮助吗？

<div class="ui-g">
       <div *ngFor="let role of listContactRole" class="ui-g-6">
         <p-checkbox value="{{role.id}}" label="{{role.displayName}}"  [(ngModel)]="selectedPlanRoles" name="planRole" [disabled]="role.isEnabled"></p-checkbox>
        </div>
 </div>

Answer 1

您将不得不在selectedPlanRoles中设置字符串，因为只有当其值为字符串时，才会选中此复选框。像这样：

selectedPlanRoles = ['1'];
listContactRole =[
    {
      id: 1,
      isEnabled: false,
      displayName: 'Test'
    },
    {
      id: 2,
      isEnabled: false,
      displayName: 'Test 2'
    }
];

您可以选中here

Primeng复选框禁用与ngmodel冲突的选项

1 个答案: