checkbox - Angular 2 - 复选框 "checked"取决于函数而不是属性 biind

Question

我有一个复选框需要根据函数结果显示为选中状态，而不是将其绑定(bind)到对象属性。

这很容易，但不可能:

<input type="checkbox" ([ngModel])="category.selected">

这是行不通的，因为即使 checked="false" 也会导致复选框显示为选中状态:

<input type="checkbox" [attr.checked]="isCategorySelected(category.id)"/>

我需要这样的结果

<input type="checkbox">
<input type="checkbox" checked>

取决于结果 isCategorySelected(id)。

感谢任何帮助。

Answer 1

在这种情况下，您不能使用 [(ngModel)]，因为它定义了一个双向数据绑定(bind)，而您正在传递一个函数。

相反，您可以简单地使用 [ngModel]，就像下面的代码片段一样。此语法定义了一种单向数据绑定(bind)。

<input type="checkbox" [ngModel]="yourBooleanFunction()"/>

您可以阅读有关 ngModel 的更多信息 here .

如果您有任何其他问题，请告诉我。