默认情况下未检查PrimeNG复选框

时间:2018-06-21 07:48:25

标签: angular checkbox primeng angular4-forms

我有一个Angular项目,在其中我使用了PrimeNG复选框组件,但是当我尝试将复选框的默认值设置为checked时出现问题。我什至尝试绑定[checked]属性,但我想p-checkbox不知道。

HTML文件

<p-checkbox name="checkboxName" [(ngModel)]="checked" 
binary="true" label="Perform Notifications"></p-checkbox>

{{checked}}

组件文件

export class XYZ{
checked: boolean = true;
}

加载该变量时,我可以在HTML页面的下方看到选中的变量的值为'true',但是该复选框为空白或未选中。

2 个答案:

答案 0 :(得分:1)

以下代码可用于Angular 8。

HTML文件

<p-checkbox [(ngModel)]="checked" binary="true"></p-checkbox>

.ts文件

checked: boolean = true;

答案 1 :(得分:0)

尝试一下。它对我有用。

.ts 文件中:

checked: boolean = true;

.html 文件中:

[(ngModel)]="checked"