【问题标题】:angular 2 - checkbox "checked" depend on function not on property biind角度 2 - 复选框“选中”取决于功能而不是属性 biind
【发布时间】:2016-11-03 19:46:59
【问题描述】:

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

这很容易,但不可能:

<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)

感谢任何帮助。

【问题讨论】:

  • 尝试返回 null 而不是 false.. 这应该适用于 [attr.checked]
  • 这行得通。谢谢!
  • 您的解决方案对我有用@Sasxa。谢谢。

标签: checkbox angular checked angular2-forms


【解决方案1】:

您不能在这种情况下使用 [(ngModel)],因为它定义了一个 2 路数据绑定,并且您正在传递一个函数。

相反,您可以简单地使用[ngModel],就像下面的sn-p。此语法定义单向数据绑定。

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

你可以阅读更多关于ngModelhere的信息。

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

【讨论】:

  • 但是这个函数被无限次调用。
猜你喜欢
  • 2016-12-07
  • 1970-01-01
  • 1970-01-01
  • 2019-10-12
  • 1970-01-01
  • 2020-01-23
  • 2017-08-27
  • 1970-01-01
  • 2016-05-26
相关资源
最近更新 更多