Š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" serija (VIII) atnaujina antrinio komponento reikšmę, suaktyvindama įvykį nustatydama ...
Rodinys: 9484|Atsakyti: 1

[Kampinis] "Angular 9" serija (VIII) atnaujina antrinio komponento reikšmę suaktyvindama įvykį per rinkinį

[Kopijuoti nuorodą]
Paskelbta 2020-06-17 17:46:48 | | | |
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

Angular 9 serija (VI) iškviečia vietinius JS kintamuosius ir metodus
https://www.itsvse.com/thread-9254-1-1.html

Kampinis 9 serijos (VII) CSS stiliaus taikiklis
https://www.itsvse.com/thread-9264-1-1.html

Perduodant reikšmes pirminiams komponentams, galite naudoti EventEmitter, kad siųstumėte reikšmes į pirminį komponentą, o pirminis komponentas gali manipuliuoti gautomis metodo reikšmėmis.

Reikšmės, kurias pirminis komponentas susieja su antriniais komponentais, yra priimamos kaip kintamieji, kai jos perduodamos, o gaunamoms reikšmėms manipuliuoti ir apdoroti turėtų būti naudojamas nustatytas @Input() metodas.

Pirmiausia spustelėjame pirminio komponento mygtuką "Atnaujinti vaiko komponento turinį", kad atnaujintume antrinio komponento rodomą turinį, ir atspausdiname kiekvieno atnaujinimo turinį, poveikis yra toks:



child-page.component.html komponento kodas:


child-page.component.ts komponento kodas:


Pirminio komponento index.component.html kodas:


Pirminio komponento index.component.ts kodas:

(Pabaiga)





Ankstesnis:Atitinka daugiau nei vienas modulis. Naudoti praleisto importavimo parinktį, kad praleistumėte importavimą...
Kitą:Vue+ElementUI diegimas

Susijusios žinutės
 Savininkas| Paskelbta 2024-05-29 16:13:47 |
"Angular 17" serija (XVII) aptinka @Input reikšmių pokyčius
https://www.itsvse.com/thread-10775-1-1.html
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