如何声明性地将伪布尔属性（如disabled / checked）绑定到布尔值？

Question

是否有一种简单的方法可以将disabled或checked等属性绑定到true / false属性？像

这样的东西

<button disabled="{{myBooleanProperty}}">Ok</button>

不按预期工作。如果myBooleanProperty为false，则设置disabled="false"，就HTML而言 true 。

是否有一个过滤器表达式可以提示绑定解析器，如果值为false，则应该完全删除该属性？

Answer 1

请参阅条件属性： http://www.polymer-project.org/docs/polymer/binding-types.html#conditional-attributes

示例：

<button disabled?="{{myBooleanProperty}}">Ok</button>

将切换disabled，具体取决于myBooleanProperty的真实性。

Answer 2

如果你正在使用Polymer 1.0：

<button disabled$="{{myBooleanProperty}}">Ok</button>

请参阅data bindings上的文档。