如何使用新阵列更新dom-repeat列表

安德烈亚斯·塞伦沃尔

因此,我正在尝试学习Redux。顺便说一句,很好的图书馆。

但是,我正在使用Polymer,并且有一个待办事项列表元素。在我的待办事项列表元素中,我有一个属性定义,

properties: {
  items: {
    type: Array,
    notify: true
  }
},

以及准备就绪的功能,

ready: function() {
  var that = this;
  store.subscribe(function() {
    var state = store.getState();
    console.log('State have been updated ', state);
    that.items = state.todos;
    that.notifyPath('items', that.items);
    console.log('items ', that.items);
  });

  store.dispatch(actions.requestTodos());
}

Redux部分工作正常。在另一个元素(不重要)中,我执行ADD_TODO操作的分派,并且在传递给上述订阅函数的函数中接收到更新,并且状态被更新。

在Polymer中阅读dom-repeat和list的文档时,似乎是完整更新,并且不支持列表的重新呈现,相反,文档中提到使用pop,push或splice等方法来更新列表(数组) 。但是我真的不想要那个。

有什么想法如何用新的完整状态更新列表?因为现在,列表已更新但未重新呈现,因此更改不会显示。

阿隆
ready: function() {
  var that = this;
  store.subscribe(function() {
    var state = store.getState();
    console.log('State have been updated ', state);
    that.set('items',state.todos.slice());

    console.log('items ', that.items);
  });

  store.dispatch(actions.requestTodos());
}

使用列表上的slice()。您插入到this.items state.todos

问题是,如果state.todo是相同的数组,聚合物将不知道其含量已改变。通过这种方式,您可以创建新的阵列,从而聚合物将改变阵列。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用复选框和AngularJS过滤ng-repeat列表

来自分类Dev

在ng-repeat生成的<ul>列表中使用ng-model

来自分类Dev

使用<a4j:repeat>在xhtml页面中对其进行迭代时,从列表中删除元素。

来自分类Dev

如何重叠ng-repeat列表内的元素-位置:绝对?

来自分类Dev

如何处理从ng-repeat生成的列表上的项目单击并加载下一页

来自分类Dev

如何使用angular更新ng-repeat内的列表?

来自分类Dev

当ons-lazy-repeat检测到更改时,如何使用ons-carousel刷新列表

来自分类Dev

orderBy $ filter在项目删除(拼接)后阻止ng-repeat列表更新

来自分类Dev

如何让AngularJS更新ng-repeat阵列接头上的DOM?$ scope。$ apply()返回错误

来自分类Dev

如何在AngularJS ng-repeat中使用索引显示列表项

来自分类Dev

使用ng-repeat的选择列表具有数据,但未在angular js中显示

来自分类Dev

从ng-repeat Angularjs下拉列表中的选定选项更新输入值

来自分类Dev

如何重叠ng-repeat列表内的元素-位置:绝对?

来自分类Dev

根据下拉列表更新ng-repeat中的值

来自分类Dev

如何处理从ng-repeat生成的列表上的项目单击并加载下一页

来自分类Dev

如何使用angular更新ng-repeat内的列表?

来自分类Dev

如何让AngularJS更新ng-repeat阵列接头上的DOM?$ scope。$ apply()返回错误

来自分类Dev

如何将通过ng-repeat创建的列表划分为单独的部分?

来自分类Dev

尝试使用ng-repeat +聚合物元素创建列表=失败

来自分类Dev

在自定义指令中使用ng Repeat来填充选择下拉列表

来自分类Dev

在angularjs中使用ng-repeat时如何将当前月份保持在列表顶部

来自分类Dev

如何使用angularjs为ng-repeat列表创建复选框过滤器?

来自分类Dev

使用Angular ng-repeat创建嵌套列表

来自分类Dev

如何在 ng-repeat 中拆分数组列表

来自分类Dev

重新加载 ng-repeat 在删除旧列表之前呈现新列表

来自分类Dev

Polymer 2.0 基本 dom-repeat 列表示例不起作用

来自分类Dev

使用 ng-repeat 和从导航传递的索引值更新数据集中的子项列表

来自分类Dev

使用 ng-repeat 不显示列表对象

来自分类Dev

如何使用 ng-repeat 值设置多选下拉列表的选择限制

Related 相关文章

  1. 1

    使用复选框和AngularJS过滤ng-repeat列表

  2. 2

    在ng-repeat生成的<ul>列表中使用ng-model

  3. 3

    使用<a4j:repeat>在xhtml页面中对其进行迭代时,从列表中删除元素。

  4. 4

    如何重叠ng-repeat列表内的元素-位置:绝对?

  5. 5

    如何处理从ng-repeat生成的列表上的项目单击并加载下一页

  6. 6

    如何使用angular更新ng-repeat内的列表?

  7. 7

    当ons-lazy-repeat检测到更改时,如何使用ons-carousel刷新列表

  8. 8

    orderBy $ filter在项目删除(拼接)后阻止ng-repeat列表更新

  9. 9

    如何让AngularJS更新ng-repeat阵列接头上的DOM?$ scope。$ apply()返回错误

  10. 10

    如何在AngularJS ng-repeat中使用索引显示列表项

  11. 11

    使用ng-repeat的选择列表具有数据,但未在angular js中显示

  12. 12

    从ng-repeat Angularjs下拉列表中的选定选项更新输入值

  13. 13

    如何重叠ng-repeat列表内的元素-位置:绝对?

  14. 14

    根据下拉列表更新ng-repeat中的值

  15. 15

    如何处理从ng-repeat生成的列表上的项目单击并加载下一页

  16. 16

    如何使用angular更新ng-repeat内的列表?

  17. 17

    如何让AngularJS更新ng-repeat阵列接头上的DOM?$ scope。$ apply()返回错误

  18. 18

    如何将通过ng-repeat创建的列表划分为单独的部分?

  19. 19

    尝试使用ng-repeat +聚合物元素创建列表=失败

  20. 20

    在自定义指令中使用ng Repeat来填充选择下拉列表

  21. 21

    在angularjs中使用ng-repeat时如何将当前月份保持在列表顶部

  22. 22

    如何使用angularjs为ng-repeat列表创建复选框过滤器?

  23. 23

    使用Angular ng-repeat创建嵌套列表

  24. 24

    如何在 ng-repeat 中拆分数组列表

  25. 25

    重新加载 ng-repeat 在删除旧列表之前呈现新列表

  26. 26

    Polymer 2.0 基本 dom-repeat 列表示例不起作用

  27. 27

    使用 ng-repeat 和从导航传递的索引值更新数据集中的子项列表

  28. 28

    使用 ng-repeat 不显示列表对象

  29. 29

    如何使用 ng-repeat 值设置多选下拉列表的选择限制

热门标签

归档