可以使用Angular的Change Detection机制来实现在值改变时打印的功能。在组件中设置一个输入属性,并在 ngOnChanges 生命周期钩子中监听该属性的变化,当值发生改变时即可触发打印事件。
示例如下:
在组件中定义一个输入属性:
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
@Component({
selector: 'app-example-component',
template: '{{ inputValue }}
',
})
export class ExampleComponent implements OnChanges {
@Input() inputValue: string;
ngOnChanges(changes: SimpleChanges) {
console.log('Input value has changed:', changes.inputValue.currentValue);
}
}
在模板中使用该组件,并绑定输入属性:
当 myValue 的值改变时,控制台将打印出类似如下的输出信息:
Input value has changed: new value