DoCheck的KeyValueDiffer是否仅适用于每个组件的一个对象？

Question

首先,我在我的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);

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

Answer 1

在阅读@ thierry-templier对这个问题的回答之后:检测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 
    }
}