在jquery插件中使用dom-repeat

Question

我目前正在爲我的Polymer項目使用這個jQuery插件。

我能夠得到演示工作，但我想能夠動態生成電影評級主題評級領域。

我在這方面的嘗試是創建一個數組，其中包含我希望給出小節評分的值。唯一讓我失望的是，當我使用dom-repeat動態創建我的選項標籤時，沒有選項顯示出來。但是，當我不使用dom-repeat時，出現選項。我想知道它是否與影子dom有關（我一直在閱讀它，但仍然不太熟悉它的工作原理）。

不起作用：

<select id="example"> 
 
    <template is="dom-repeat" items="{{options}}" as="rating"> 
 
     <option value="[[option.title]]">[[option.title]]</option> 
 
    </template> 
 
</select>

作品：

<select id="example"> 
 
    <option value="Bad">Bad</option> 
 
    <option value="Ok">OK</option> 
 
    <option value="Good">Good</option> 
 
</select> 
 

 
... 
 

 
    ready: function() { 
 
    var example = Polymer.dom(this.root).querySelector('#example'); 
 

 
    $(example).barrating({ 
 
     theme: 'bars-movie', 
 
     showSelectedRating: false, 
 
     deselectable: false, 
 
     showValues: true 
 
    }); 
 

 
    },

Answer 1

在你dom-repeat模板，你的迭代器項目名稱設置爲rating，但你'綁定到option.title（注意使用option而不是rating）。您可能打算命名迭代器option而不是rating。

<template is="dom-repeat" items="{{options}}" as="option"> 

codepen