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

是否有任何方法将的标签绑定到其选中状态？将纸张切换按钮标签绑定到其选中状态 - 聚合物

即。如果未选中切换按钮，它将会有一个标签=“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>

来源

2017-07-17 physicsboy

您可以在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 = ""; 
    } 
    } 
});

来源

2017-07-17 16:12:26

嘿，本，感谢您的信息。上面的问题是围绕这个话题的更一般的问题。我实际上有一个切换按钮，已经绑定到用户数据的ajax请求，所以我现在有这样的代码........... {{labelText}} ............有没有什么办法可以看到我改进你的答案？我尝试使用相同的“响应”。位，但当然，切换切换时它不会改变。 – physicsboy

是的，看看[this]（https://www.polymer-project.org/1.0/docs/devguide/observers#observing-path-changes），它告诉你如何观察对子属性的更改。 –

嘿，本，谢谢你的指针。有没有什么方法可以告诉我如何在JSFiddle或什么？不要试图变得厚颜无耻，我只是对听众和这样的事情感到不舒服。我不喜欢官方文档XD – physicsboy

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

回答

相关问题