Hoekige 9-serie (2) dynamische componenttransmissieparameters

Klein tuig · Geplaatst op 02-06-2020 14:57:07

Herziening van de vorige sectie

Angular 9 Series (1) Dynamisch Geladen Componenten
https://www.itsvse.com/thread-9238-1-1.html

Hoekige 9-serie (2) dynamische componenttransmissieparameters
https://www.itsvse.com/thread-9245-1-1.html

Hoekige 9-serie (3) sluit dynamische componentgebeurtenissen aan
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) Custom Pipe pijpleidingen
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formateert het bedragsvalutaformaat
https://www.itsvse.com/thread-9249-1-1.html

Dit artikel legt uit hoe parameters doorgegeven kunnen worden aan een dynamisch aangemaakte component.

Modal1Component en Modal2Component-componenten zijn componenten die we dynamisch aanmaken in de hoofdinterface, en als beide componenten dezelfde invoerparameter hebben, bijvoorbeeld naam, kunnen we een interface definiëren.

Maak een interface aan via het angular-cli-commando.

ng g-interface IModalParameter

De code is als volgt:

Inloggen is zichtbaar.

We zullen de Modal1Component- en Modal2Component-componenten erven van de IModalParameter-interface.

Inloggen is zichtbaar.

Als onze component geen toevoeging toevoegt @Input() naam: string; attributen, componenten zullen fouten rapporteren, en de interface fungeert als een beperking.

Tegelijkertijd bewerken we het index.component.ts-bestand, passen we de onClick-methode aan, en de code is als volgt:

Inloggen is zichtbaar.

(Einde)

[Angular] Hoekige 9-serie (2) dynamische componenttransmissieparameters

Gerelateerde berichten

Secties bekeken