Redux with Polymer and dom-repeat

时间:2017-12-07 08:47:12

标签: redux polymer dom-repeat

我遇到嵌套dom-repeat的问题,并且在数组中有很深的变化。 使用redux我在具有如下结构的数组上更改属性:

[{some: 'value', members: [{ id: 13, hobbies: [{id: 33, name:'hobbyname'}]}]}]

当例如从成员中删除一个爱好时,我看到当我在此属性上有一个观察者方法并且console.log它真正改变的数组的值时,业余爱好就消失了。

然而,DOM并没有改变。结构类似于:

<template id="teamslist" is="dom-repeat" items="[[teams]]">
<template is="dom-repeat" items="[[item.members]]" as="member">
<template is="dom-repeat" items="[[member.hobbies]]" as="hobby">

我尝试通知dom-repeat这样但是没有帮助:

this.notifyPath('teams[0].members[0].hobbies.length');

render()(顶级)上拨打dom-repeat似乎也没有帮助:

this.$.idfordomrepeat.render()

我在这里做错了什么..?

2 个答案:

答案 0 :(得分:1)

请注意,路径段应以点分隔。看here

尝试this.notifyPath('teams.0.members.0.hobbies');

这有用吗?

答案 1 :(得分:1)

最后,我认为Redux状态没有更新的问题(Redux noob ...) 修复后,不需要notifyPath,也不需要调用render()。