Question

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

我在按钮旁边有标签来显示他们的切换状态，这些标签采用与切换本身相同的数据。但是，我想更改此设置，以便标签绑定到切换的当前状态而不是后端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$="{{flag}}"使用attribute binding（即checked），但checked="{{flag}}"实际上是属性，因此您应该使用属性绑定（即{{ 1}}）用于正确的数据绑定通知。请注意绑定中删除的$：

<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

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

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

1 个答案: