У меня есть родитель, содержащий переменную 'value' и передающую эту переменную с двухсторонней привязкой данных к дочернему компоненту. Как родитель может знать о любых изменениях в этой переменной?
@Component({
selector: 'parent-control',
templateUrl: './parent.component.html',
styleUrls: ['./parent.component.scss']
})
export class Parent Component{
value: string
}
и в родительском html
<child-input-1-component [(value)]="value"></child-input-1-component>
Дочерний компонент является входным, для простоты я поставил только один, но в реальном приложении у меня есть несколько таких компонентов, которые должны динамически отображаться с помощью ngSwitch.
Всякий раз, когда пользователь вводит что-либо в любой из этих дочерних компонентов, мне нужно, чтобы родитель вызывал функцию.
Я мог бы использовать @Output для каждого дочернего элемента, но он выглядит не очень элегантно, и, кроме того, значение обновляется в реальном времени для родителя, мне просто нужно знать, когда.
Есть ли что-то вроде "watcher" в angular, который проверяет изменения значений?