Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Seria Angular 9 (VIII) aktualizuje wartość komponentu potomnego poprzez wyzwalanie zdarzenia przez ustawienie ...
Widok: 9484|Odpowiedź: 1

[Angular] Seria Angular 9 (VIII) aktualizuje wartość komponentu potomnego poprzez wyzwalanie zdarzenia za pomocą zestawu

[Skopiuj link]
Opublikowano 17.06.2020 17:46:48 | | | |
Elementy dynamicznie obciążone w serii Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametry transmisji dynamicznych komponentów serii 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seria Angular 9 (3) subskrybuje dynamiczne zdarzenia komponentowe
https://www.itsvse.com/thread-9246-1-1.html

Rurociągi niestandardowe Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatuje format waluty kwotowej
https://www.itsvse.com/thread-9249-1-1.html

Seria Angular 9 (VI) wywołuje natywne zmienne i metody JS
https://www.itsvse.com/thread-9254-1-1.html

Angular serii 9 (VII) w stylu CSS
https://www.itsvse.com/thread-9264-1-1.html

W procesie przekazywania wartości do komponentów nadrzędnych możesz użyć EventEmittera do przesyłania wartości do komponentu nadrzędnego, a komponent nadrzędny może manipulować uzyskanymi wartościami w metodzie.

Dla wartości powiązanych z komponentami potomnymi przez komponent nadrzędny, są one odbierane jako zmienne podczas przesyłania, a metoda zestawu @Input() powinna być użyta do manipulacji i przetwarzania przychodzących wartości.

Najpierw klikamy przycisk "Aktualizuj zawartość komponentu potomnego" komponentu nadrzędnego, aby zaktualizować zawartość wyświetlaną przez komponent potomny, i drukujemy zawartość każdej aktualizacji, efekt jest następujący:



Kod child-page.component.html podkomponentu:


Kod child-page.component.ts podkomponentów:


Kod index.component.html komponentu nadrzędnego:


Kod index.component.ts komponentu nadrzędnego:

(Koniec)





Poprzedni:Więcej niż jeden moduł pasuje. Użyj opcji pomijania importu, aby pominąć import...
Następny:Implementacja Vue+ElementUI

Powiązane wpisy
 Ziemianin| Opublikowano 29.05.2024 16:13:47 |
Seria Angular 17 (XVII) wykrywa zmiany wartości @Input
https://www.itsvse.com/thread-10775-1-1.html
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com