默认情况下未选中 PrimeNG 复选框

Question

我有一个角度项目，其中使用 PrimeNG 复选框组件，但当我尝试将复选框的默认值设置为选中时出现问题。我什至尝试过绑定[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”，但复选框为空或未选中。

Answer 1

以下代码适用于 Angular 8。

HTML 文件

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

.ts 文件

checked: boolean = true;

Answer 2

尝试这个。这个对我有用。

在.ts文件中：

checked: boolean = true;

在.html文件中：

[(ngModel)]="checked"