為什么dom-repeat沒有在數組值上創建模板？

Question

我正在使用Polymer 2創建一個dom-repeat模塊。它是一個簡單的對象數組。

我嘗試過對items屬性使用單向和雙向綁定，我嘗試添加和刪除“as”屬性。

這是我的組件代碼。 這是我唯一的一個項目

<link rel="import" href="../bower_components/polymer/polymer-element.html">

<dom-module id="firebase-test">
  <template>
    <style>
    </style>
    <h2>Hello!</h2>
    <template is="dom-repeat" items="{{arrayContacts}}" as="contact">
      <p>{{contact.firstname}}</p>
    </template>
  </template>

  <script>
    class FirebaseTest extends Polymer.Element {
      static get is() { return 'firebase-test'; }
      static get properties() {
        return {
          arrayContacts: {
            type: Array,
            value:[{ firstname: "Jack", lastname: "Aubrey" },
            { firstname: "Anne", lastname: "Elliot" },
            { firstname: "Stephen", lastname: "Maturin" },
            { firstname: "Emma", lastname: "Woodhouse" }]
          }
        };
      }
    }

    window.customElements.define(FirebaseTest.is, FirebaseTest);
  </script>
</dom-module>

什么都沒打印出來

Answer 1

您的密碼似乎沒有任何內容。 它在這里工作，因為你可以運行代碼

 HTMLImports.whenReady(function() { class FirebaseTest extends Polymer.Element { static get is() { return 'firebase-test'; } static get properties() { return { arrayContacts: { type: Array, value:[{ firstname: "Jack", lastname: "Aubrey" }, { firstname: "Anne", lastname: "Elliot" }, { firstname: "Stephen", lastname: "Maturin" }, { firstname: "Emma", lastname: "Woodhouse" }] } }; } } window.customElements.define(FirebaseTest.is, FirebaseTest); });

 <html> <head> <base href="https://cdn.rawgit.com/download/polymer-cdn/2.6.0.2/lib/"> <script src="webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="polymer/polymer.html"> <script src="webcomponentsjs/webcomponents-lite.js"></script> </head> <body> <firebase-test></firebase-test> <dom-module id="firebase-test"> <template> <style> </style> <h2>Hello!</h2> <template is="dom-repeat" items="{{arrayContacts}}" as="contact"> <p>{{contact.firstname}}</p> </template> </template> </dom-module> </body> </html>

為什么dom-repeat沒有在數組值上創建模板？

問題描述

1 個解決方案

解決方案1
0 2019-05-06 14:43:38

為什么dom-repeat沒有在數組值上創建模板？

問題描述

1 個解決方案

解決方案1 0 2019-05-06 14:43:38

解決方案1
0 2019-05-06 14:43:38