Question

我有一个看起来像这样的元素：

<polymer-element name="page-slides">
  <template>
    <template repeat="{{row in slideContainer}}">
      <ul class="slide-container">
        <template repeat="slide in row">
          <li class="slide">{{slide.foo}}</li>
        </template>
      </ul>
    </template>
  </template>
  <script>
    Polymer('page-slides', {
      ready: function() {
        this.slideContainer = [];
        for (i = 0; i < 2; i++) {
          this.slideContainer.push([]);
          for (j = 0; j < 2; j++) {
            this.slideContainer[i].push({foo: "foo", bar: "bar"});
          }
        }
      }
    });
  </script>
</polymer-element>

所以基本上我在数组中有一个数组，我正在尝试为slideContainer中的每个数组生成一个新的ul，并为数组中的每组属性生成一个新的li。

这不行，我可以通过替换模板来访问数组内部的信息，所以我知道数据在那里：

    <template repeat="{{row in slideContainer}}">
      <ul class="slide-container">>
        <li class="slide">{{row[0].foo}}</li>
      </ul>
    </template>

我做错了什么？

Answer 1

你在重复时遗漏了{{}}：

<template repeat="{{slide in row}}">

聚合物：数组内的模板重复数组

1 个答案: