2017-06-08 82 views
0

我對聚合物比較新,我試圖創建一個按鈕組,對應於屬性數組中的每個條目。這裏是我到目前爲止的代碼:聚合物Javascript Dom-重複按鈕組問題

<div class="btn-group"> 
 
      <template is="dom-repeat" items="{{floorCount}}"> 
 
      <input id="button-[[index]]" name="btn-group" type="radio"> 
 
      <label style="width:[[getLevelButtonWidth(floorCount)]]% !important;" for="button-[[index]]" class="btn">[[item]]</label> 
 
      </template> 
 
      <input id="idAll" name="btn-group" type="radio"> 
 
      <label style="width:[[getLevelButtonWidth(floorCount)]]% !important;" for="idAll" class="btn">All</label> 
 
     </div> 
 
      
 
    

的樓層計數財產已被包括在下面。

floorCount:{ 
     type: Array, 
     value: function(){ 
     return ["1"]; 
     } 
    } 

的問題是,它正確地創建每個按鈕的,但出於某種原因,你只能點擊組中的「愛多」按鈕。這種dom重複和綁定以某種方式打破了該組的功能。任何幫助將不勝感激,謝謝!

回答

0

聚合物不喜歡連接字符串中的字符串id$="[[_getId(index)]]"當寫入html默認屬性時,爲樣式屬性添加$,也是如此。