聚合物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'}];
    }

工作实例

不工作的例子

Answer 1

为了触发DOM更新,您必须使用以下内容:

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

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