聚合物0.9阵列推送重复模板

Question

我正在使用Polymer 0.9，我有这个模板。

<template>
    <ul>
        <template is="dom-repeat" items="{{menuPages}}">
            <li class="c-text">
                <span>{{item.title}}</span>
            </li>
        </template>
    </ul>
</template>

当我使用此代码段更新数据时，它无法加载

    ready: function () {
        this.menuPages.push({title:'hey'});
        this.menuPages.push({title:'hey2'});
    }

然而这是有效的

    ready: function () {
        this.menuPages = [{title:'hey'}, {title:'hey2'}];
    }

this tutorial

Working Example

Answer 1

为了触发DOM更新，您必须使用它：

this.push('menuPages', {title:'hey'});

文档：https://www.polymer-project.org/1.0/docs/devguide/templates.html#dom-repeat