angular – DoCheck的KeyValueDiffer仅适用于每个组件的一个对象

发布时间：2020-12-17 17:50:55 所属栏目：安全来源：网络整理

导读：首先,我在我的ngDoCheck方法中使用了这个并且完美地工作： var productChanges = this.differ.diff(this.myProduct); 然后决定检查我的组件的第二个模型的更改并添加以下行： var companyChanges = this.differ.diff(this.myCompany); 并且两个更改都在单独

首先,我在我的ngDoCheck方法中使用了这个并且完美地工作：

var productChanges = this.differ.diff(this.myProduct);

然后决定检查我的组件的第二个模型的更改并添加以下行：

var companyChanges = this.differ.diff(this.myCompany);

并且两个更改都在单独的if语句中进行,但只有最后一个被调用(companyChanges)

这是预期的行为吗？ ngDoCheck仅适用于每个组件的一个对象吗？

为了清楚起见,这是我的完整ngDoCheck方法：

ngDoCheck() {
    var productChanges = this.differ.diff(this.myProduct);

    //DOESN'T IT CHECK 2 MODELS LIKE SO BELOW ?
    //var companyChanges = this.differ.diff(this.myCompany);

    if (productChanges) {
        // console.log('Product changes detected');

        productChanges.forEachChangedItem((r: KeyValueChangeRecord) => {

            if (r.currentValue && r.currentValue != r.previousValue) {
                this.filterProduct(r.currentValue,r.key);

            }
        });
    }

编辑：通过阅读其他问题和答案,我觉得我需要分享这个：

在组件构造函数中,不同的定义如下：

this.differ = differs.find({}).create(null);

可能这是首先需要改变的.

解决方法

在阅读@ thierry-templier对这个问题的回答后： Detect changes in objects inside array in Angular2我已经知道它是如何工作的：

类级别不同对象应包含要监视的每个模型的单独键,并且对于它们的值,它们需要分别在ngOnInit或构造函数中设置分别引用每个模型的不同观察者. (Thierry在ngOnInit中做到了,我在构造函数中做到了)

constructor(private differs: KeyValueDiffers){
    this.differ = {};

    this.differ['myCompany'] = differs.find(this.myCompany).create(null);
      .
      .
      .
    this.differ['myProduct'] = differs.find(this.myProduct).create(null);
}

ngDoCheck() {
    var productChanges = this.differ['myProduct'].diff(this.myProduct);
    var companyChanges = this.differ['myCompany'].diff(this.myCompany);

    if (productChanges) {
        // Do your thing 
    }

    if (companyChanges) {
        // Do your thing 
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!