2017-07-28 60 views
1

我目前有通过iron-ajax GET收到他们checked状态几个paper-toggle-button元素,带来了真/假性质的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> 

回答

2

您使用attribute bindingchecked(即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

我相信你正在寻找的行为只会通过固定上面指出的绑定类型来实现。

+0

哦,大声哭泣。这很完美,我一直在寻找答案数周! XD – physicsboy

+0

@physicsboy没问题 – tony19