Javascript 聚合物嵌套dom重复模板乘以第二个模板_Javascript_Templates_Nested_Polymer_Repeat

Javascript 聚合物嵌套dom重复模板乘以第二个模板

javascript templates polymer

Javascript 聚合物嵌套dom重复模板乘以第二个模板,javascript,templates,nested,polymer,repeat,Javascript,Templates,Nested,Polymer,Repeat,我遵循官方的嵌套模板示例，重复第二个模板我的阵列数据与此类似： [ { "title": "My title book", "author": "The author", "votes": [ { "bad": 0 }, { "regular": 2 }, { "good": 201 }, { "excellent": 458 } ] }, { "title": "My title book"

我遵循官方的嵌套模板示例，重复第二个模板

我的阵列数据与此类似：

[
  {
    "title": "My title book",
    "author": "The author",
    "votes": [
      { "bad": 0 },
      { "regular": 2 },
      { "good": 201 },
      { "excellent": 458 } 
    ]
  },
  {
    "title": "My title book",
    "author":"The author",
    "votes": [
      { "bad": 0 },
      { "regular": 2 },
      { "good":201 },
      { "excellent": 458 }
    ]
  }
]

这是我的聚合物元素代码：

<template is="dom-repeat" items="{{books}}" as="book">
      <div><b>Title: </b><span>{{book.title}}</span></div>
      <div><b>Author: </b><span>{{book.author}}</span></div>
      <div>
        <p>Votes:</p>
        <template is="dom-repeat" items="{{book.votes}}" as="vote">
          <b>Bad: </b><span>{{vote.bad}}</span>
          <b>Regular: </b><span>{{vote.regular}}</span>
          <b>Good: </b><span>{{vote.good}}</span>
          <b>Excellent: </b><span>{{vote.excellent}}</span>
        </template>
      </div>
</template>


标题：{{book.Title}
作者：{{book.Author}
投票：
坏：{{vote.Bad}
常规：{{投票.常规}
好：{{投票，好}
优秀：{{投票，优秀}

其结果是：

书名：我的书名
作者：我的作者
投票：

坏：0常规：好：优秀：坏：常规：2好：优秀：坏：常规：好：201优秀：坏：常规：好：优秀：458

书中的每个元素。投票包含

坏

，

常规

，

好

，或

优秀

，但内部模板转发器假定每个对象中都存在所有投票类型。也就是说，当只有一个投票可用时，模板输出每个迭代中所有投票的计数

通过四次迭代

中继器读取

book.vote[0]

（

{“bad”：0}

）为

vote

它读取
```
vote.bad
```
，并获取值
```
0
```
它找不到投票。常规投票
它找不到投票。很好
它找不到投票。非常好
结果:
Bad: 0 Regular: Good: Excellent: Bad: Regular: 2 Good: Excellent: Bad: Regular: Good: 201 Excellent: Bad: Regular: Good: Excellent: 458

中继器读取

书籍。投票[2]

（

{“good”：201}

）为

投票

它找不到投票。不好
它找不到投票。常规投票
它读取
```
vote.good
```
，并获取值
```
201
```
它找不到投票。非常好
结果:
Bad: 0 Regular: Good: Excellent: Bad: Regular: 2 Good: Excellent: Bad: Regular: Good: 201 Excellent: Bad: Regular: Good: Excellent: 458

如果打算一次显示所有投票计数，

book.voces

应该是一个对象，而不是一个对象数组：

"votes": {
  "bad": 0,
  "regular": 2,
  "good": 201,
  "excellent": 458
}

…应移除内部模板转发器，直接绑定到

book.vows.*

：

<div>
  <b>Bad: </b><span>{{book.votes.bad}}</span>
  <b>Regular: </b><span>{{book.votes.regular}}</span>
  <b>Good: </b><span>{{book.votes.good}}</span>
  <b>Excellent: </b><span>{{book.votes.excellent}}</span>
</div>


坏：{{book.vows.Bad}
常规：{{book.vows.Regular}
好：{{book.vows.Good}
优秀：{{书.票.优秀}


标题：{{book.Title}
作者：{{book.Author}
投票：
坏：{{book.vows.Bad}
常规：{{book.vows.Regular}
好：{{book.vows.Good}
优秀：{{书.票.优秀}
聚合物({
是‘x-foo’，
特性：{
书籍：{
类型：数组，
值：函数（）{
返回[{
“标题”：“我的标题书”，
“作者”：“作者”，
“投票”：{
“坏”：0，
“常规”：2，
“好”：201，
“优秀”：458
}
}, {
“书名”：“另一本书”，
“作者”：“其他作者”，
“投票”：{
“坏”：11，
“常规”：22，
“好”：33，
“优秀”：44
}
}];
}
}
}
});
书中的每个元素。投票
包含坏的
、普通的
、好的
、或优秀的
，但内部模板中继器假定每个对象中都存在所有投票类型。也就是说，当只有一个投票可用时，模板输出每个迭代中所有投票的计数
通过四次迭代
中继器读取book.vote[0]
（{“bad”：0}
）为vote


它读取vote.bad
，并获取值0
它找不到投票。常规投票
它找不到投票。很好
它找不到投票。非常好
结果:
Bad: 0 Regular: Good: Excellent:
Bad: Regular: 2 Good: Excellent:
Bad: Regular: Good: 201 Excellent:
Bad: Regular: Good: Excellent: 458


中继器读取书籍。投票[2]
（{“good”：201}
）为投票


它找不到投票。不好
它找不到投票。常规投票
它读取vote.good
，并获取值201
它找不到投票。非常好
结果:
Bad: 0 Regular: Good: Excellent:
Bad: Regular: 2 Good: Excellent:
Bad: Regular: Good: 201 Excellent:
Bad: Regular: Good: Excellent: 458


如果打算一次显示所有投票计数，book.voces
应该是一个对象，而不是一个对象数组：
"votes": {
  "bad": 0,
  "regular": 2,
  "good": 201,
  "excellent": 458
}

…应移除内部模板转发器，直接绑定到book.vows.*
：
<div>
  <b>Bad: </b><span>{{book.votes.bad}}</span>
  <b>Regular: </b><span>{{book.votes.regular}}</span>
  <b>Good: </b><span>{{book.votes.good}}</span>
  <b>Excellent: </b><span>{{book.votes.excellent}}</span>
</div>


坏：{{book.vows.Bad}
常规：{{book.vows.Regular}
好：{{book.vows.Good}
优秀：{{书.票.优秀}



标题：{{book.Title}
作者：{{book.Author}
投票：
坏：{{book.vows.Bad}
常规：{{book.vows.Regular}
好：{{book.vows.Good}
优秀：{{书.票.优秀}
聚合物({
是‘x-foo’，
特性：{
书籍：{
类型：数组，
值：函数（）{
返回[{
“标题”：“我的标题书”，
“作者”：“作者”，
“投票”：{
“坏”：0，
“常规”：2，
“好”：201，
“优秀”：458
}
}, {
“书名”：“另一本书”，
“作者”：“其他作者”，
“投票”：{
“坏”：11，
“正常的