Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Architect_Programmer_Code Селскостопанска мрежа»Архитект › Фронт-енд дизайн и уеб › Предна рамка › Angular 9 Series (VIII) актуализира стойността на дъщерен компонент, като задейства събитие чрез задаване ...
Изглед: 9484|Отговор: 1

[Ъглова] Angular 9 series (VIII) актуализира стойността на дъщерен компонент, като задейства събитие чрез set

[Копирай линк]
Публикувано в 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 Series 9 (IV) Custom Pipe Pipelines
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

Angular серия 9 (VII) CSS стил оптика
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 код:

(Край)





Предишен:Повече от един модул съвпада. Използвайте опцията skip-import, за да пропуснете импортирането...
Следващ:Vue+ElementUI имплементация

Свързани публикации
 Хазяин| Публикувано в 29.05.2024 г. 16:13:47 ч. |
Angular 17 серия (XVII) засича промени в стойностите на @Input
https://www.itsvse.com/thread-10775-1-1.html
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.
Mail To:help@itsvse.com