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

Question

我目前有几个paper-toggle-button元素，通过iron-ajax GET接收其checked状态，带来真/假性质的JSON数据，分别设置切换开/关。

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

你正在使用属性绑定来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>

演示

我相信你所寻求的行为只需通过修复上面指出的绑定类型即可实现。