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

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

javascript html polymer

Javascript 聚合物-使用绑定数据刷新模板,javascript,html,polymer,Javascript,Html,Polymer,如何从post card元素中刷新订单项目列表元素中的绑定数据？我正在使用（聚合物元素在阴影DOM中）我已经花了几个小时试图弄明白这一点，但没有用（我对web开发还不熟悉）。我尝试的一件事是：（给定者错误：无法读取未定义的属性“getElementsByTagName”）我有以下3个文件： index.html： <html> <body unresolved> <core-header-panel> &l

如何从
post card
元素中刷新
订单项目列表
元素中的绑定数据？

我正在使用（聚合物元素

在阴影DOM中）
我已经花了几个小时试图弄明白这一点，但没有用（我对web开发还不熟悉）。我尝试的一件事是：（给定者错误：无法读取未定义的属性“getElementsByTagName”
）
我有以下3个文件：
index.html
：
<html>
    <body unresolved>
        <core-header-panel>
            <div id="container">
                <div id="order-items-div>
                    <order-items-list id="order-items-list">

<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>

<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>

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

<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>

<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>


聚合物({
cardClick:功能（事件、详细信息、发件人）{
//从此处重新加载#订单项目模板
}
});

任何帮助都将不胜感激。
当您拥有键中带有-
的属性时，您需要使用括号符号来访问它们
this.$['order-items-template-parent'].getElementsByTagName('template')[0].iterator_.updateIteratedValue();

否则，它的解析如下：
this.$.order - items - template - parent.getElementsByTagName('template')[0].iterator_.updateIteratedValue();

您正在执行一些奇怪的减法，而父项未定义。
在实际代码中，ID没有一个-
（很抱歉）。我只是在重写问题代码时添加了这个。谢谢你的回答。我更新了问题并插入了括号。你仍然做错了-你需要引号，开头没有句号。现在我更新了问题以更接近我的实际代码。我删除了-
。如果我理解正确，您希望通过单击其中一个元素来更新整个集合。我不确定我是否理解这个用户案例，但是如何触发一个事件，列表元素可以订阅并响应更新所有内容？@sesteva否，我想单击一个集合中的一个元素并刷新另一个集合。基本上有一个项目列表，当我单击其中一个项目时，它将被添加到服务器上的列表中。然后我想刷新另一个列表，该列表将从服务器获取添加的项目列表。