Question

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

即。如果取消选中切换按钮，它将具有label =“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状态绑定到属性，然后观察此属性以进行更改。当它发生变化时，您可以更新标签文本。

例如，将属性绑定到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 = "";
    }
  }
});

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

1 个答案: