关于ng-alain中notice-icon组件count数量不限显示问题的解决方法

问题复现

因为ng-alain的notice-icon开启了Onpush,数据绑定的时候,数据是远程请求过来的。导致初始化的时候数据无法绑定。代码如下:

@Component({
  selector: 'header-notify',
  template: `
    
  `,
  changeDetection: ChangeDetectionStrategy.OnPush,
})

解决方法

我们只需要这样做,即可暂时解决问题,代码如下:

constructor(
    private msg: NzMessageService,
    private nzI18n: NzI18nService,
    public personalLetterService: PersonalLetterService,
    public infoListService: InfoListService,
    private cdr: ChangeDetectorRef
  ) {
    setTimeout(() => {
      this.cdr.detectChanges();
    }, 1000);
    this.getMessages();
  }
import { ChangeDetectorRef, Component} from '@angular/core';
//导入ChangeDetectorRef即可

你可能感兴趣的:(web前端)