在Angular 6中,可以使用ngOnChanges
生命周期钩子来检测对象数组中的变化。
首先,在组件类中导入OnChanges
接口,并实现OnChanges
接口:
import { Component, OnChanges, Input, SimpleChanges } from '@angular/core';
@Component({
selector: 'app-your-component',
template: '...',
})
export class YourComponent implements OnChanges {
@Input() objectArray: any[];
ngOnChanges(changes: SimpleChanges) {
if (changes.objectArray) {
// 对象数组发生变化时的逻辑
console.log('对象数组发生变化');
console.log(changes.objectArray);
}
}
}
然后,在父组件中使用YourComponent
组件,并传递对象数组作为输入属性:
这样,当yourArray
对象数组发生变化时,ngOnChanges
钩子函数会被触发,并可以在其中进行相应的逻辑处理。