Dinamični parametri prenosa komponent serije Angular 9 (2)

Mala drhal · Objavljeno na 2. 06. 2020 14:57:07

Pregled prejšnjega dela

Angular 9 serija (1) Dinamično obremenjene komponente
https://www.itsvse.com/thread-9238-1-1.html

Dinamični parametri prenosa komponent serije Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Serija Angular 9 (3) podpira dinamične dogodke komponent
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) cevovodi po meri
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatira format valute
https://www.itsvse.com/thread-9249-1-1.html

Ta članek pojasnjuje, kako posredovati parametre dinamično ustvarjeni komponenti.

Modal1Component in Modal2Component sta komponenti, ki ju dinamično ustvarjamo v glavnem vmesniku, in če imata obe komponenti enak vhodni parameter, na primer ime, lahko definiramo vmesnik.

Ustvarite vmesnik z ukazom angular-cli.

ng g vmesnik IModalParameter

Koda je naslednja:

Prijava je vidna.

Podedovali bomo komponente Modal1Component in Modal2Component iz vmesnika IModalParameter.

Prijava je vidna.

Če naša komponenta ne doda @Input() ime: string; atributi, komponente poročajo o napakah, vmesnik pa deluje kot omejitev.

Hkrati urejamo index.component.ts datoteko, spreminjamo metodo onClick in koda je naslednja:

Prijava je vidna.

(Konec)

[Angular] Dinamični parametri prenosa komponent serije Angular 9 (2)

Sorodne objave

Ogledi odsekov