角度2 - 复选框＆＃34;复选＆＃34;依赖于函数而不是属性biind

Question

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

这很容易，但是不可能：

<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)]，因为它定义了一个双向数据绑定，并且您正在传递一个函数。

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

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

您可以详细了解ngModel here。

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