Question

说我有以下代码，这是一组带有标题和文字的卡片：

<template id="cardSetFoo" is="dom-bind">
  <template id="cardSet" is="dom-repeat" items="[[data]]">
    <paper-card>
      <div class="card-body">
        <h4>[[item.title]]</h4>
        [[item.text]]
      </div>
    </paper-card>
  </template>
</template>

我想填充这套卡片：

document.querySelector('#cardSet').push('data',[{'title':'Title','text':'Description'}]);

我一直在未捕获的TypeError：无法读取未定义的属性'length'（...） （notify-path.html：476）

有人可以告诉我如何填充dom-repeat模板吗？谢谢！

Answer 1

试试这个

 {
    "version": "0.1.0",
    // List of configurations. Add new configurations or edit existing ones.
    "configurations": [
        {
            "name": "Launch server.js",
            "type": "node",
            "program": "server.js",
            "cwd": ".",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": {
                "NODE_ENV": "development"
            },
            "sourceMaps": true,
            "outDir": "public"
        }
    ]
}

您的dom-repeat代码不正确。您必须使用var app = document.querySelector('#cardSetFoo'); if (!app.data) { app.data = []; } app.push('data', [{'title':'Title','text':'Description'}]);来访问dom-repeat中的数组项。您可以使用item属性为其指定不同的名称，如下所示

as

如何将数据推送到Polymer dom-repeat模板？

1 个答案: