Question

首先，我在ngDoCheck方法中使用了这个并完美运行：

jmp

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

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

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

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

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

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

编辑：通过阅读其他问题和答案，我觉得我需要分享一下：

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

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);

            }
        });
    }

可能这首先需要改变。

Answer 1

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

类级别不同对象应包含每个要监视的模型的单独键，并且对于它们的值，它们需要分别在ngOnInit或构造函数中设置引用每个模型的不同观察者。（蒂埃里在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 
    }
}

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

1 个答案: