如何將紙張切換按鈕狀態綁定到其標簽 - 聚合物

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>

演示

我相信你所尋求的行為只需通過修復上面指出的綁定類型即可實現。