用于模板重复的聚合物.render()无法正确更新。 (缺少数组值)

时间:2016-03-15 00:39:18

标签: javascript html data-binding polymer-1.0

所以这是一个快速下来。我在模板上重复调用.render()并更新列表,但数组中的新项目是空白的。

所以长期解释......

无论何时我修改“披萨”,我都会调用一个执行以下操作的函数(通过观察者):

  this.$.repeatModToppings.render();
  this.$.repeatModGarnish.render();
  this.$.repeatModSauce.render();
  this.$.repeatModCuts.render();
  console.log(this.pizza);

以下是第一个调用的内容(原始数组):

enter image description here

这是模板重复显示的内容:

enter image description here

数组更新后显示:

enter image description here

但是......这是模板重复在调用.render()之后显示的内容:

enter image description here

“item.name”显示为空白。关于可能发生的事情的任何想法?

修改 这是一些额外的代码。

我的模板重复:

<div class="pizza-mod-body-right">
    <template id="repeatModToppings" is="dom-repeat" items="{{pizza.TOPPINGS}}" as="topping">
        <div class="mod-text-block">
            0-{{topping.name}}
        </div>
    </template>
</div>

正如您所看到的,这是非常基本的。但是,我仍然遇到这个问题,认为这个数组的名称有一些空白值:(

0 个答案:

没有答案