将纸张切换按钮标签绑定到其选中状态 - 聚合物

Question

有没有办法将paper-toggle-button的标签绑定到其检查状态？

如果未选中切换按钮，它将有一个标签 = "false"，如果选中，则显示为"true">

任何想法和提示将不胜感激。

编辑

我应该提到，以上是一个笼统的问题，但我的需求更具体一些，我将解释。

我有切换按钮，这些按钮被通过 ajax 和 JSON 数据引入的真/假数据绑定到开/关。因此，Ben 下面的回答虽然正确，但我认为在这种情况下对我没有帮助。

我的切换代码

<div class="item horizontal layout">
<div class="heading">Approver: </div>
<paper-toggle-button checked$="{{response.approver}}">{{response.approver}}</paper-toggle-button>
</div>

Answer 1

可以将checked状态绑定到属性，然后观察此属性的更改。当它发生更改时，您可以更新标签文本。

例如，将属性绑定到选中的属性，并从属性中获取标签文本：

<paper-toggle-button checked="{{toggle}}">{{labelText}}</paper-toggle-button>

然后在 JavaScript 部分中，声明toggle属性并为其提供一个观察者。在观察器中，我们检查属性的值并相应地更新标签文本：

Polymer({
is: "x-test",
properties: {
toggle: {
type: Boolean,
observer: '_toggleChange'
}
},
_toggleChange: function (newValue) {
if (newValue) {
this.labelText = "True";
} else {
this.labelText = "";
}
}
});