我有一个复选框,需要根据函数结果显示为选中状态,而不是将其绑定到对象属性。
这很容易,但是不可能:
<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)
。
感谢任何帮助。
答案 0 :(得分:5)
您无法在此方案中使用[(ngModel)]
,因为它定义了一个双向数据绑定,并且您正在传递一个函数。
相反,您可以简单地使用[ngModel]
,就像下面的代码段一样。此语法定义单向数据绑定。
<input type="checkbox" [ngModel]="yourBooleanFunction()"/>
您可以详细了解ngModel
here。
如果您有任何其他问题,请告诉我。