ngOnChanges()是Angular生命周期钩子中的一个,用于检测当输入属性的值发生变化时执行特定的逻辑。下面是一个例子:
import { Component, Input, OnChanges } from '@angular/core';
@Component({
selector: 'my-component',
template: The name is {{name}}, age is {{age}} years old
})
export class MyComponent implements OnChanges {
@Input() name: string; @Input() age: number;
ngOnChanges() { if (this.name && this.age) { console.log('Inputs have been changed'); } } }
在上面的例子中,ngOnChanges()方法会在输入属性name和age发生变化时执行。如果两个输入属性都有值,则会在控制台上输出“Inputs have been changed”。
总结:ngOnChanges()方法是Angular生命周期钩子之一,用于检测当输入属性的值发生变化时执行特定的逻辑。具体实现中,我们可以在component中定义@Input(),并在ngOnChanges()方法中执行相关的逻辑操作。