-
Декоратор ввода. В Angular декоратор
@Inputиспользуется для определения свойства ввода компонента. Он позволяет передавать значения в компонент из его родительского компонента. -
Привязка свойств. С помощью синтаксиса привязки свойств Angular вы можете привязать свойство дочернего компонента к свойству его родительского компонента. Это позволяет передавать данные дочернему компоненту через свойство input.
-
ngOnChanges: Angular предоставляет перехват жизненного цикла под названием
ngOnChanges, который вызывается всякий раз, когда изменяется значение входного свойства. Вы можете реализовать этот крючок в своем компоненте для выполнения действий на основе изменений входного свойства. -
Метод установки: в Angular вы можете определить метод установки для входного свойства. Это позволяет вам выполнять пользовательскую логику всякий раз, когда изменяется значение входного свойства.
-
Псевдоним ввода: Angular позволяет назначать псевдонимы свойствам ввода с помощью декоратора
@Input. Это обеспечивает гибкость в присвоении входному свойству другого имени в дочернем компоненте, сохраняя при этом исходное имя в родительском компоненте. -
Односторонняя привязка данных. Свойство ввода в Angular соответствует концепции односторонней привязки данных, что означает, что данные передаются от родительского компонента к дочернему компоненту, но не наоборот.
-
Значения по умолчанию. Вы можете назначить значения по умолчанию входным свойствам, используя синтаксис инициализации свойств. Это гарантирует, что компонент будет работать, даже если родительский компонент не предоставляет значение для входного свойства.
-
Необязательные входные данные. В Angular вы можете сделать входные свойства необязательными, используя вопросительный знак (
?) после имени свойства. Это позволяет родительскому компоненту при необходимости передавать данные входному свойству, но не применяет это принудительно. -
Обнаружение изменений входных свойств: механизм обнаружения изменений Angular автоматически обнаруживает изменения входных свойств и запускает необходимые обновления в представлении компонента.
-
Двусторонняя привязка ngModel: директиву Angular
ngModelможно использовать с входными свойствами, чтобы включить двустороннюю привязку данных между дочерним компонентом и его родительским компонентом.