javascript - Polymer Javascript Dom-Repeat 按钮组问题

Question

我对 Polymer 比较陌生，我正在尝试创建一个按钮组，其中的按钮对应于属性数组中的每个条目。这是我到目前为止的代码：

<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"];
      }
    }

问题是它正确地创建了每个按钮，但由于某种原因，您只能单击组中的“idAll”按钮。这种 dom-repeat 和绑定在某种程度上破坏了组的功能。任何帮助将不胜感激，谢谢！

Answer 1

Polymer 不喜欢动态连接属性中的字符串，id$="[[_getId(index)]]"也可以在写入 html 默认属性时添加 $，与样式属性相同。