Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Architect_Programmer_Code žemės ūkio tinklas»Architektas › Front-end dizainas ir žiniatinklis › Priekinis rėmas › Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai
Rodinys: 15614|Atsakyti: 0

[Kampinis] Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai

[Kopijuoti nuorodą]
Paskelbta 2020-06-02 14:57:07 | | | |
Ankstesnio skyriaus apžvalga

Angular 9 serijos (1) dinamiškai apkrauti komponentai
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai
https://www.itsvse.com/thread-9245-1-1.html

"Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius
https://www.itsvse.com/thread-9246-1-1.html

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

"Angular 9" serija (V) formatuoja sumos valiutos formatą
https://www.itsvse.com/thread-9249-1-1.html


Šiame straipsnyje paaiškinama, kaip perduoti parametrus dinamiškai sukurtam komponentui.

"Modal1Component" ir "Modal2Component" komponentai yra komponentai, kuriuos dinamiškai kuriame pagrindinėje sąsajoje, o jei abu komponentai turi tą patį įvesties parametrą, pavyzdžiui, pavadinimą, galime apibrėžti sąsają.

Sukurkite sąsają naudodami komandą angular-cli.

ng g sąsaja IModalParameter

Kodas yra toks:


Komponentus "Modal1Component" ir "Modal2Component" paveldėsime iš "IModalParameter" sąsajos.



Jei mūsų komponentas neprideda @Input() name: string; atributai, komponentai praneš apie klaidas, o sąsaja veikia kaip apribojimas.

Tuo pačiu metu redaguojame index.component.ts failą, modifikuojame onClick metodą, o kodas yra toks:




(Pabaiga)




Ankstesnis:.net/c#, kad gautumėte dabartinį metodo pavadinimą, parametro pavadinimą
Kitą:"Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius

Susijusios žinutės
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.
Mail To:help@itsvse.com