這邊有個需求,需要監控某個@input的變量變化,突然忘記怎么監聽變量了,查了下,記錄
這邊使用angluar/core中的OnChanges接口,然后實現?ngOnChanges方法,只要變量發生了變化,這里面都可以監聽到,然后就可以監聽你具體想監聽的變量了
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';@Component({selector: 'app-your-component',template: `<p>{{ person.name }}, {{ person.age }}</p>`
})
export class YourComponent implements OnChanges {@Input() person: { name: string, age: number };ngOnChanges(changes: SimpleChanges): void {if (changes.person) {const newPerson = changes.person.currentValue;// 在這里執行你的邏輯this.print(newPerson);}}print(person: { name: string, age: number }) {console.log(`${person.name}, ${person.age}`);}
}