將紙張切換按鈕標籤綁定到其選中狀態 - 聚合物

是否有任何方法將的標籤綁定到其選中狀態？將紙張切換按鈕標籤綁定到其選中狀態 - 聚合物

即。如果未選中切換按鈕，它將會有一個標籤=「false」，如果選中將會顯示「true」

任何想法和提示將不勝感激。

編輯

我應該指出，上面是一個普遍的問題，但我需要有一個更具體一點，我會解釋。

我有通過ajax和JSON數據引入的真/假數據綁定到開/關的切換按鈕。因此，Ben的回答雖然正確，但我認爲在這種情況下可以幫助我。

我撥動代碼

<div class="item horizontal layout"> 
    <div class="heading">Approver: </div> 
    <paper-toggle-button checked$="{{response.approver}}">{{response.approver}}</paper-toggle-button> 
</div>

來源

2017-07-17 physicsboy

您可以在checked狀態綁定到一個屬性，然後觀察此屬性更改。當它發生變化時，您可以更新標籤文本。

例如，綁定屬性checked屬性和屬性獲取標籤文本：

<paper-toggle-button checked="{{toggle}}">{{labelText}}</paper-toggle-button>

然後在JavaScript部分，您聲明toggle財產，並給它一個觀察者。在觀察者中，我們檢查屬性的值並相應地更新標籤文本：

Polymer({ 
    is: "x-test", 
    properties: { 
    toggle: { 
     type: Boolean, 
     observer: '_toggleChange' 
    } 
    }, 
    _toggleChange: function (newValue) { 
    if (newValue) { 
     this.labelText = "True"; 
    } else { 
     this.labelText = ""; 
    } 
    } 
});

來源

2017-07-17 16:12:26

嘿，本，感謝您的信息。上面的問題是圍繞這個話題的更一般的問題。我實際上有一個切換按鈕，已經綁定到用戶數據的ajax請求，所以我現在有這樣的代碼........... {{labelText}} ............有沒有什麼辦法可以看到我改進你的答案？我嘗試使用相同的「響應」。位，但當然，切換切換時它不會改變。 – physicsboy

是的，看看[this]（https://www.polymer-project.org/1.0/docs/devguide/observers#observing-path-changes），它告訴你如何觀察對子屬性的更改。 –

嘿，本，謝謝你的指針。有沒有什麼方法可以告訴我如何在JSFiddle或什麼？不要試圖變得厚顏無恥，我只是對聽衆和這樣的事情感到不舒服。我不喜歡官方文檔XD – physicsboy

將紙張切換按鈕標籤綁定到其選中狀態 - 聚合物

回答

相關問題