Polymer 2.0 基本 dom-重复列表示例不起作用

Question

我正在尝试获得基本的 dom-重复使用 Polymer 2.0

<link rel="import" href="../../bower_components/polymer/polymer-element.html">
<dom-module id="dom-repeat-test">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>
    <h2>[[title]]!</h2>
    <template is="dom-repeat" items="{{employees}}">
        <div>First name: <span>{{item.first}}</span></div>
        <div>Last name: <span>{{item.last}}</span></div>
    </template>
  </template>
  <script>
    /**
     * @customElement
     * @polymer
     */
    class DomRepeatTest extends Polymer.Element {
      static get is() { return 'dom-repeat-test'; }
      static get properties() {
        return {
          title: {
            type: String,
            value: 'dom-repeat-test'
          },
          employees: {
            type: Array,
            value: [
              {first: 'Bob', last: 'Smith'},
              {first: 'Sally', last: 'Johnson'}
            ]
          }
        };
      }
    }
    window.customElements.define(DomRepeatTest.is, DomRepeatTest);
  </script>
</dom-module>

我在检查器的输出中得到一个空的 dom-repeat 元素，但其中没有元素，控制台中也没有错误。

这是代码：- https://github.com/AaronNGray/polymer-dom-repeat-test

Answer 1

如果您不导入 polymer.html，请导入 dom-repeat.html.

<link rel="import" href="../../bower_components/polymer/lib/elements/dom-repeat.html">

见https://www.polymer-project.org/2.0/docs/devguide/templates#dom-repeat

Polymer 2.0 基本 dom-重复列表示例不起作用

Polymer 2.0 basic dom-repeat list example not working

javascript

polymer-2.x