Angular 和 HTML 复选框答案

【问题标题】：Angular and HTML CheckboxAngular 和 HTML 复选框
【发布时间】：2018-10-20 14:20:23
【问题描述】：

我有一个 1 或 0 的变量，名为 {{CurrentItem.STATUS}}

如何根据{{CurrentItem.STATUS}} 的值选中/取消选中复选框。 1 = 选中 & 2 = 未选中。我更喜欢不需要任何 javascript/typescript 的 Angular 解决方案。

这样的东西会很完美：

<input type="checkbox" checked="{{CurrentItem.STATUS}} == 1">

【问题讨论】：

【解决方案1】：

您可以使用ngModel 的双向数据绑定

<input type="checkbox" [(ngModel)]="CurrentItem.STATUS">

这将起作用，因为0 在 JS 中被视为 Falsy

【讨论】：

【解决方案2】：

这行得通：

<input type="checkbox" [checked]="CurrentItem.STATUS == 1">

【讨论】：