javascript - ngOnChanges 是否更新输入属性？

Question

我是 Angular 新手，只是关于 ngOnChanges 的问题。我知道 ngOnChanges() 方法需要一个参数(包含来自“@angular/core”的 SimpleChange)，我们可以检索最新的更改值:

import { Directive, ElementRef, Input, SimpleChange } from "@angular/core";
...
@Input("pa-attr")
bgClass: string;


ngOnChanges(changes: { [property: string]: SimpleChange }) {
    let change = changes["bgClass"];
    console.log(change.currentValue);
}

但是ngOnChanges实际上更新了输入属性bgClass吗？或者它只是检索最新的更改值就这样？

Answer 1

ngOnChanges 是一个钩子(Hook)，当装饰器 @Input 定义的值将被更新时调用。在 ngOnChanges 内部，您已经可以从中读取实际值。{YOUR_INPUT_NAME}

官方文档 - https://angular.io/api/core/OnChanges & https://angular.io/guide/lifecycle-hooks

您不需要 ngOnChanges 来更新 @Input 定义的值，它们将由组件的父组件更新。 ngOnChanges 只是允许您检测更改并在需要时使用更新的数据执行一些逻辑。