Dynamické prenosové parametre pre sériu Angular 9 (2)

Malý · Zverejnené 2. 6. 2020 14:57:07

Recenzia predchádzajúcej časti

Dynamicky zaťažené komponenty série Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Dynamické prenosové parametre pre sériu Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Séria Angular 9 (3) podporuje dynamické komponentové udalosti
https://www.itsvse.com/thread-9246-1-1.html

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

Angular 9 Series (V) formátuje formát sumy meny
https://www.itsvse.com/thread-9249-1-1.html

Tento článok vysvetľuje, ako odovzdať parametre dynamicky vytvorenej komponente.

Modal1Component a Modal2Component komponenty sú komponenty, ktoré dynamicky vytvárame v hlavnom rozhraní, a ak majú obe komponenty rovnaký vstupný parameter, napríklad názov, môžeme definovať rozhranie.

Vytvorte rozhranie pomocou príkazu angular-cli.

ng g rozhranie IModalParameter

Kód je nasledovný:

Prihlásenie je viditeľné.

Komponenty Modal1Component a Modal2Component zdedíme z rozhrania IModalParameter.

Prihlásenie je viditeľné.

Ak naša komponenta nepridá @Input() meno: reťazec; atribúty, komponenty hlásia chyby a rozhranie slúži ako obmedzenie.

Zároveň upravujeme index.component.ts súbor, upravujeme metódu onClick a kód je nasledovný:

Prihlásenie je viditeľné.

(Koniec)

[Angular] Dynamické prenosové parametre pre sériu Angular 9 (2)

Súvisiace príspevky

Zobrazené sekcie