ngOnChanges для нескольких значений в разных дочерних компонентах в angular 6 - PullRequest
Новая
       28

ngOnChanges для нескольких значений в разных дочерних компонентах в angular 6

0 голосов
/ 21 ноября 2018

У меня есть родительский компонент, который выполняет 2 асинхронных вызова API и получает данные из серверной части.Я наблюдаю за этими переменными от 2 дочерних компонентов.Я использую угловой 6

Parent Component.html: 

<child-comp1 [data1]="data1"></child-comp1>
<child-comp2 [data2]="data2"></child-comp2>

Parent-component.ts: 

getData(){
this.getData1();
this.getData2();
}

getData1(){
//Make api call to get data.
this.data1 = response;
}

getData2(){
//Make api call to get data2
this.data2 = response;
}

Child-component1.ts: 

@Input data1 : Array[Data1Model1];

 ngOnChanges(changes: SimpleChanges) {
    if (changes['data1']) {
    }
}

Child-component2.ts: 

@Input data2 : Array[Data1Model2];

 ngOnChanges(changes: SimpleChanges) {
    if (changes['data2']) {
    }
}

Изменения не обнаружены для child-component2.Когда я удаляю child-component1, изменения обнаруживаются в component2.Как оба компонента могут обнаруживать изменения одновременно?

...