Ng-Zorro v1.8版本中在OnPush策略下要如何触发checkbox-wrapper的脏检测?

Question

问题描述

父组件更新数据后子组件内部能接收到，在子组件中经过一些处理后输出得到了想要的数据，但是子组件checkbox-wrapper无法及时检测，需要悬浮才会改变

相关代码

这是我的复现地址
https://stackblitz.com/edit/a...

你期待的结果是什么？实际看到的错误信息又是什么？

预想在OnPush检测策略下点击按钮能实时更新数据

Answer 1

可以试一下强制渲染

import { NgZone } from '@angular/core';

constructor(
  public _ngZone: NgZone
) { }

public ngOnChanges() {
  this._ngZone.run(() => {});
}

Answer 2

解决后的stackblitz地址：

https://stackblitz.com/edit/a...

经过多方大佬指点找到了一个解决方案：

 // 在一个定时器里调用detectChanges
 ngOnChanges(changes: SimpleChange) {
    setTimeout(() => {
      this.cdRef.detectChanges();
    },0)
  }