聚合物數據與DOM

結合我有一個聚合物組分如下所定義：現在聚合物數據與DOM

<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<dom-module id="add-money"> 
    <template> 
    <style></style> 
     <paper-dialog id="add-money-dialog" modal > 
      <h2>Add money</h2> 
      <paper-dialog-scrollable> 
       <div> 
        <span>{{account.name}}</span> 
       </div> 
      </paper-dialog-scrollable> 
      <div class="buttons"> 
       <paper-button dialog-dismiss>Cancel</paper-button> 
       <paper-button dialog-confirm autofocus>Add</paper-button> 
      </div> 
     </paper-dialog> 
    </template> 
    <script>  
     var AddMoney = Polymer({ 
      is: 'add-money', 
      properties: { 
       account: { 
        type: Object, 
        notify: true, 
       } 
      }, 
      factoryImpl: function(acc) { 
       this.account=acc; 

      }, 
      showPopup:function(){ 
       console.log(JSON.stringify(this.account)); 
       var dialog = document.getElementById("add-money-dialog"); 
       if (dialog) { 
        dialog.open(); 
       } 
      } 
     }); 
    </script> 
</dom-module>

，我實例化，並添加到身體上來自另一組件的按鈕的點擊。

 addMoney:function(e){ 
      var button = e.target; 
      var dialog = new AddMoney(e.model.item); 
      document.body.appendChild(dialog); 
      dialog.showPopup(); 
     }

雖然這樣做，我可以看到showPopup方法中可用的數據，但同樣不反映在DOM上。

好奇，可能是什麼問題以及它的修復方法。我是這個新手，並試圖編寫一些基於組件的代碼來理解聚合物。請對此提出建議。提前致謝。

來源

2015-10-22 Deepak

這實際上是一個風格問題。由於沒有任何顯示，我認爲價值不會上漲。但它實際上隱藏着，我看不到它。我添加了一些樣式的紙張對話框可滾動，現在我可以看到值。

來源

2015-10-22 22:01:02 Deepak

聚合物數據與DOM

回答

相關問題