1

我目前正在为我的 Polymer 项目使用这个 jQuery 插件。

我能够让演示工作，但是我希望能够为电影评级主题动态生成评级字段。

我的尝试是创建一个数组，其中包含我希望给出条形评级的值。唯一让我失望的是，当我使用 dom-repeat 动态创建我的选项标签时，没有选项出现。但是，当我不使用 dom-repeat 时，会出现选项。我想知道它是否与shadow 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
    });

  },

4

1 回答 1

0

在您的dom-repeat模板中，您将迭代器项目名称设置为rating，但您绑定到option.title模板内部（请注意使用 ofoption而不是rating）。您可能打算命名迭代器option而不是rating.

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

密码笔

于 2016-12-01T17:51:54.627 回答