聚合物进料值进入第二个 dom-repeat

debugcn 发表于 Dev

病毒

我正在尝试在 json 数组内的 json 数组上使用 dom-repeat 内的 dom-repeat。如何将第一个数组中的值传递给第二个 dom-repeat？

为了说明，我有以下加载正常的 json 数组：

  "books": [
    {
      "title": "book1",
      "slug": "b1",
      "authors": ["author1","author2"],
      "blurb": "Some text"
    },
    {
      "title": "book2",
      "slug": "b2",
      "authors": ["author2","author3"],
      "blurb": "some more text"
    }]

我正在遍历数组“books”并检索标题和简介。然后在下面，我希望列出每本书的两位作者，并且我还希望以 /slug/author (fi /b1/author1) 的格式链接到每一本书。但是因为在第二个 dom-repeat 中我重新定义了“项目”，“slug”不再可用。我该怎么做？

<template>
    <iron-ajax
      auto
      url="somelist.json"
      handle-as="json"
      last-response="{{someList}}"></iron-ajax>

    <template is="dom-repeat" items="{{someList.books}}">
         <paper-collapse-group>
           <paper-collapse-item header$="{{item.title}}">
               <p>{{item.blurb}}</p>
           </paper-collapse-item>
           <template is="dom-repeat" items="{{item.authors}}">
                  <a href$="/[[slug]]/[[item]]">{{item}}</a></div>
           </template>
         </paper-collapse-group>
    </template>
</template>

我对 Polymer 也很陌生，所以感谢您帮助我学习！

丹尼尔克斯

使用as属性为属性使用自定义名称item。

例子：

<template>
    <iron-ajax
      auto
      url="somelist.json"
      handle-as="json"
      last-response="{{someList}}"></iron-ajax>

    <template is="dom-repeat" items="{{someList.books}}" as="book">
        <paper-collapse-group>
          <paper-collapse-item header$="{{book.title}}">
              <p>{{book.blurb}}</p>
          </paper-collapse-item>
          <template is="dom-repeat" items="{{book.authors}}" as="author">
                  <a href$="/[[book.slug]]/[[author]]">{{author}}</a></div>
          </template>
        </paper-collapse-group>
    </template>
</template>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。