Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › Angular 9-serie (3) abonnerer på dynamiske komponenthendelser
Utsikt: 15693|Svare: 0

[Kantet] Angular 9-serie (3) abonnerer på dynamiske komponenthendelser

[Kopier lenke]
Publisert på 02.06.2020 17:20:01 | | | |
Gjennomgang av forrige seksjon

Angular 9-serie (1) dynamisk lastede komponenter
https://www.itsvse.com/thread-9238-1-1.html

Vinkel 9-serie (2) dynamiske komponenttransmisjonsparametere
https://www.itsvse.com/thread-9245-1-1.html

Angular 9-serie (3) abonnerer på dynamiske komponenthendelser
https://www.itsvse.com/thread-9246-1-1.html

Angular 9-serie (IV) spesialrørledninger
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formaterer beløpsvalutaformatet
https://www.itsvse.com/thread-9249-1-1.html


Denne artikkelen forklarer at hvis du abonnerer på hendelser for dynamiske komponenter, vet vi at vanlige komponenter kan være bundet av (), men hva om du binder dynamisk skapte hendelser? Og aksepterer parameterne som komponenten passerer.

Modal1Component og Modal2Component-komponenter er komponenter som vi dynamisk lager i hovedgrensesnittet.

Vi modifiserer Modal1Component-komponenten for å legge til en inndataboks og en knapp. Når knappen for barnekomponenten klikkes, sendes verdien tilbake til foreldrekomponenten og vises på grensesnittet til foreldrekomponenten.

La oss først se på renderingene, som følger:




Modal1-komponent (dynamisk opprettet underkomponent) relatert kode

modal1.component.html



modal1.component.ts



Kode relatert til indekskomponent (foreldrekomponent)

index.component.html

index.component.ts



Hvis en feil rapporteres:

Kan ikke binde til 'ngModel' siden det ikke er en kjent egenskap ved 'input'

Løsning:

Legg til følgende kode i app.module:




Vi kan nå abonnere på hendelser for dynamisk opprettede komponenter.

Hvis du ikke tar hensyn til verdien av mottakende subkomponent, kan du også bruke HostListener for å motta subkomponentens hendelser og deretter håndtere dem i henhold til knappens navn.

Legg til følgende kode i foreldrekomponenten index.component.ts:

E-en her refererer til $event.target, og hvis du vet hvordan du får parameterne til hendelsen, kan du også svare på en melding fra denne artikkelen.



(Slutt)




Foregående:Vinkel 9-serie (2) dynamiske komponenttransmisjonsparametere
Neste:Artikkelpubliseringssystem som vet hvordan man skriver

Relaterte innlegg
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com