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 (3) subskrybuje dynamiczne zdarzenia komponentowe
Widok: 15693|Odpowiedź: 0

[Angular] Seria Angular 9 (3) subskrybuje dynamiczne zdarzenia komponentowe

[Skopiuj link]
Opublikowano 02.06.2020 17:20:01 | | | |
Przegląd poprzedniej części

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


Ten artykuł wyjaśnia, że jeśli subskrybujesz zdarzenia dla komponentów dynamicznych, wiemy, że zwykłe komponenty mogą być ograniczone przez (), ale co jeśli związasz dynamicznie tworzone zdarzenia? I akceptować parametry przekazywane przez komponent.

Modal1Component i Modal2Component to komponenty, które dynamicznie tworzymy w głównym interfejsie.

Modyfikujemy komponent Modal1Component, dodając pole wejściowe i przycisk. Po kliknięciu przycisku komponentu podrzędnego wartość jest przekazywana z powrotem do komponentu nadrzędnego i wyświetlana w interfejsie komponentu nadrzędnego.

Przyjrzyjmy się najpierw wizualizacjom, w następujący sposób:




Kod powiązany z komponentem Modal1 (dynamicznie tworzonym podkomponentem)

modal1.component.html



modal1.component.ts



Kod powiązany z komponentem indeksowym (komponent nadrzędny)

index.component.html

index.component.ts



Jeśli błąd zostanie zgłoszony:

Nie można przypisać do 'ngModel', ponieważ nie jest to znana właściwość 'input'

Rozwiązanie:

Dodaj następujący kod do swojego app.module:




Teraz możemy subskrybować zdarzenia dla dynamicznie tworzonych komponentów.

Jeśli nie uwzględniasz wartości podkomponentu odbierającego, możesz także użyć HostListener do odbioru zdarzeń podkomponentu i obsłużyć je zgodnie z nazwą przycisku.

Dodaj następujący kod do index.component.ts nadrzędnego komponentu:

Tutaj e odnosi się do $event.target, a jeśli wiesz, jak uzyskać parametry zdarzenia, możesz też odpowiedzieć na wiadomość z tego artykułu.



(Koniec)




Poprzedni:Parametry transmisji dynamicznych komponentów serii 9 (2)
Następny:System publikowania artykułów, kto potrafi pisać

Powiązane wpisy
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