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

【问题标题】：Primeng Checkbox disable Option Conflicting with ngmodelPrimeng 复选框禁用与 ngmodel 冲突的选项
【发布时间】：2018-08-11 01:15:23
【问题描述】：

我有一个复选框列表。当没有绑定 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>

【问题讨论】：

一切正常，可以查看stackblitz.com/edit/angular-d1hazg
感谢您的回复。但是模型没有约束力。该复选框应该根据代码进行检查。但它是未经检查的。你能帮我吗？

标签： angular html primeng

【解决方案1】：

您必须在selectedPlanRoles 中设置字符串，因为只有当它的值为字符串时才会选中复选框。比如：

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

您可以查看here

【讨论】：