首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >套式聚合物元素的循环?

套式聚合物元素的循环?
EN

Stack Overflow用户
提问于 2014-07-28 17:11:08
回答 1查看 1.2K关注 0票数 0

据我所知,从文档这里这里中可以看出,以下内容应该是正确的。但这不管用。我没有错误。我的页面上只写着“测试测试”(你会在代码中看到原因)。怎么啦?

注意到我在一个博客条目中直接使用了核-ajax,所以我知道我的数据很好,等等。

slog-entry.html --这是我的演示博客应用程序中每个条目的元素

代码语言:javascript
复制
<link rel="import" href="../polymer/polymer.html">
<link href="../core-ajax/core-ajax.html" rel="import">

<polymer-element name="slog-entry" noscript>
    <template>
        <h1>{{entry.Title}}</h1>
        <p>{{entry.Text}}</p>
        <span>{{entry.timestamp}}</span>
    </template>
</polymer-element>

slog-entries.html --这是我的博客应用程序中条目集合的元素

代码语言:javascript
复制
<link rel="import" href="../polymer/polymer.html">
<link href="../slog-entry/slog-entry.html" rel="import">
<polymer-element name="slog-entries" noscript>
    <template>
        <core-ajax auto
                   url="https://<server>/entries.json"
                   response="{{entries}}">
        </core-ajax>
        test
        <template repeat="{{entry in entries}}">
            <slog-entry bind="{{entry}}"></slog-entry>
        </template>
    </template>
</polymer-element>

slog.html这是索引

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Status Log 0.1b</title>
    <script src="templates/platform/platform.js"></script>
    <link href="templates/slog-entries/slog-entries.html" rel="import">
    <link href="templates/polymer/polymer.html" rel="import">
</head>
<body>
test
    <slog-entries></slog-entries>
</body>
</html>

这里的更新是DOM的样子:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-28 18:18:07

您的语法bind="{{entry}}"没有执行我怀疑您希望它做的事情。

聚合物绑定使用类似于此<name of thing to bind to>="{{<source value>}}"的语法。

现在,为了有一个name of thing to bind to,元素必须发布这些名称。

所以,slog-entry必须是这样的:

代码语言:javascript
复制
<polymer-element name="slog-entry" attributes="entry" noscript>

元素上的attributes="entry"位导致slog-entry接受到属性entry的绑定(我们称之为发布)。

现在,您的重复如下所示:

代码语言:javascript
复制
    <template repeat="{{entry in entries}}">
        <slog-entry entry="{{entry}}"></slog-entry>
    </template> 

我们告诉系统将每个slog-entryslog-entry属性绑定到每次重复时的entry值。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25000509

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档