聚合物-使用绑定数据刷新模板

Polymer - Refresh Template With Bound Data

本文关键字：刷新 数据 绑定 聚合物      更新时间：2023-09-26

如何从post-card元素刷新order-items-list元素中的绑定数据

我正在使用Polymer（polymer-element在阴影DOM中）。

我已经想了好几个小时了，但没有成功（我是网络开发的新手）。我尝试过的一件事是：（givers错误：Cannot read property 'getElementsByTagName' of undefined）

this.$.orderitemstemplateparent.getElementsByTagName('template')[0].iterator_.updateIteratedValue();

我有以下3个文件：

index.html:

<html>
    <body unresolved>
        <core-header-panel>
            <div id="container">
                <div id="order-items-div>
                    <order-items-list id="order-items-list">

order-items-list.html:

<polymer-element name="order-items-list">
    <template>
        <div id="orderitemstemplateparent">
            <template id="order-items-template" repeat="{{post in posts}}>
    <script>
        Polymer ({
            // FUNCTIONS THAT UPDATE THE DATA {{posts}} HERE 
        });
    </script>

post-card.html:

<polymer-element name="post-card">
    <template id="card-template">
        <div id="card-header">
            <paper-ripple on-tap="{{cardClick}}"></paper-ripple>
    <script>
        Polymer ({
            cardClick: function(event, detail, sender) {
                // RELOAD #order-items-template FROM HERE
            }
        });
    </script>

如有任何帮助，我们将不胜感激。

当键中有-的属性时，需要使用括号表示法来访问它们。

this.$['order-items-template-parent'].getElementsByTagName('template')[0].iterator_.updateIteratedValue();

否则，它的解析如下：

this.$.order - items - template - parent.getElementsByTagName('template')[0].iterator_.updateIteratedValue();

你正在做一些奇怪的减法，而parent是未定义的。

相关文章：