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

Question

我目前有几个 paper-toggle-button 元素通过 iron-ajax GET 接收它们的 checked 状态，带来 JSON 性质的 true/false 数据来设置分别切换 on/off。

我在按钮旁边有标签来显示它们的切换状态，这些标签采用与切换本身相同的数据。但是，我想更改此设置，以便标签绑定到切换的当前状态而不是后端 JSON 数据。

这可能吗？

HTML

<paper-toggle-button id="approver"  checked$="{{current.approver}}">{{current.approver}}</paper-toggle-button>
<paper-toggle-button id="askExpert"  checked$="{{current.askExpert}}">{{current.askExpert}}</paper-toggle-button>
<paper-toggle-button id="autoConnect"  checked$="{{current.Autoconnect}}">null{{current.Autoconnect}}</paper-toggle-button>
<paper-toggle-button id="beExpert"  checked$="{{current.beExpert}}">{{current.beExpert}}</paper-toggle-button>

Answer 1

您正在使用 attribute binding 作为 checked（即 checked$="{{flag}}"），但 checked 实际上是属性，因此您应该使用属性绑定（即 checked="{{flag}}"）以获得正确的数据绑定通知。请注意从绑定中删除的 $：

<paper-toggle-button id="approver"  checked="{{current.approver}}">{{current.approver}}</paper-toggle-button>
<paper-toggle-button id="askExpert"  checked="{{current.askExpert}}">{{current.askExpert}}</paper-toggle-button>
<paper-toggle-button id="autoConnect"  checked="{{current.Autoconnect}}">{{current.Autoconnect}}</paper-toggle-button>
<paper-toggle-button id="beExpert"  checked="{{current.beExpert}}">{{current.beExpert}}</paper-toggle-button>

demo

我相信只需修复上述绑定类型即可实现您正在寻找的行为。

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

How to bind paper-toggle-button state to its label - Polymer

html

javascript

json

polymer