Angular with Redux触发变更检测

时间:2018-02-16 00:43:38

标签: javascript angular redux

我是Redux的新手,所以我确信这是我缺少的东西,但是我有一个订阅Redux商店的组件,它是一个可观察到的对象数组。问题是即使单个属性正在其中一个对象上发生变化,我也会返回该对象的副本,因此Angular会认为所有内容都已更改并触发重绘。除了我的组件具有未正确触发的CSS转换之外,这样就可以了,因为它们只应对属性更改作出反应,现在将被删除并再次添加。这是一个简单的例子(伪代码)

const state = {
    items: [ 
      {
        open: false,
      },
      {
        open: true,
      }
     ]
   }

然后一个组件就像:

<div *ngFor='for let item of items'>
  <div @openClose='item.open'>Some stuff</div>
</div>

因此,当我的商店将open属性从true设置为false时,而不是通过触发动画关闭我的组件,它只是重绘每个div。

这一定是一个常见的问题,那么是否有一种可接受的方法来设置它,因此组件只创建一次?

0 个答案:

没有答案