Серія Angular 9 (VIII) оновлює значення дочірнього компонента, запускаючи подію через множину

Маленька покидька · Опубліковано 17.06.2020 17:46:48

Компоненти Angular 9 серії (1) з динамічно завантаженим навантаженням
https://www.itsvse.com/thread-9238-1-1.html

Кутові параметри передачі 9 серій (2) динамічних компонентних компонентів
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 серія (3) підписується на події динамічних компонентів
https://www.itsvse.com/thread-9246-1-1.html

Трубопроводи Angular 9 Series (IV) Custom Pipe
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) форматує формат суми валюти
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) викликає нативні JS-змінні та методи
https://www.itsvse.com/thread-9254-1-1.html

Приціл у стилі CSS серії Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

Під час передачі значень батьківським компонентам можна використати EventEmitter для передачі значень у батьківський компонент, а батьківський компонент може маніпулювати отриманими значеннями в методі.

Для значень, пов'язаних із дочірніми компонентами батьківським компонентом, вони приймаються як змінні при передачі, і метод множини @Input() слід використовувати для обробки та обробки вхідних значень.

Спочатку ми натискаємо кнопку «Оновити вміст дочірнього компонента» батьківського компонента, щоб оновити вміст, що відображається дочірнім компонентом, і друкуємо вміст кожного оновлення, ефект виглядає так:

Підкомпонент child-page.component.html код:

Вхід видно.

Код підкомпонента child-page.component.ts:

Вхід видно.

Батьківський компонент index.component.html коду:

Вхід видно.

Батьківський компонент index.component.ts коду:

Вхід видно.

(Кінець)

Маленька покидька · Опубліковано 29.05.2024 16:13:47

Кутова серія 17 (XVII) виявляє зміни значень @Input
https://www.itsvse.com/thread-10775-1-1.html

[Кутовий голос] Серія Angular 9 (VIII) оновлює значення дочірнього компонента, запускаючи подію через множину

Пов'язані дописи

Переглянуті розділи