所以这是一个快速下来。我在模板上重复调用.render()并更新列表,但数组中的新项目是空白的。
所以长期解释......
无论何时我修改“披萨”,我都会调用一个执行以下操作的函数(通过观察者):
this.$.repeatModToppings.render();
this.$.repeatModGarnish.render();
this.$.repeatModSauce.render();
this.$.repeatModCuts.render();
console.log(this.pizza);
以下是第一个调用的内容(原始数组):
这是模板重复显示的内容:
数组更新后显示:
但是......这是模板重复在调用.render()之后显示的内容:
“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>
正如您所看到的,这是非常基本的。但是,我仍然遇到这个问题,认为这个数组的名称有一些空白值:(