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

有没有办法将纸张切换按钮的标签绑定到其选中状态

例如，如果未选中切换按钮，则其标签为false，如果选中，则为true

如有任何想法和提示，将不胜感激

编辑

我应该提到的是，上述问题是一个笼统的问题，但正如我将要解释的那样，我的需求更具体一些

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

我的切换代码

您可以将选中状态绑定到属性，然后观察该属性的更改。更改后，可以更新标签文本

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

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

---

嘿，本，谢谢你的信息。上述问题是围绕这一主题的一个更一般的问题。我实际上有一个切换按钮，它已经绑定到用户数据的ajax请求，所以我现在有这样的代码………..{{labelText}}。。。。。。。。。。。。你有没有办法看到我修改你的答案？我试着用同样的回答。标签中的位，但当然，当您切换切换开关时，它不会改变。是的，请看一看它告诉您如何观察子属性的更改。嘿，Ben，谢谢您的指针。有没有什么方法可以让我看看如何使用JSFIDLE之类的工具？我不想厚颜无耻，只是对听众和诸如此类的事情感到不舒服。我不喜欢官方文档使用这个。设置'response.approver'，true来更新子属性，并在AJAX响应方法中这样做。

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

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