如何将表达式绑定到<paper-button> .active？

Question

我想使用绑定到其<paper-button>属性的表达式激活active，但此代码不起作用：

<paper-button id="btnPointDown" on-click="{{decrement}}" active="{{points == 0}}">\/</button>

我该如何解决这个问题？

Answer 1

在Polymer中，您不能将表达式直接放在绑定中。你必须使用一个函数，它将返回你的条件结果，并在绑定中使用它。

以您的示例为例，它看起来像这样：

<paper-button id="btnPointDown" on-click="decrement" active="[[_checkIfPointsIsZero(points)]]">\/</paper-button>

假设_checkIfPointsIsZero位于组件的属性中，每次points更改时都会评估函数points。

我还建议在这种情况下使用简单的数据绑定。