Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Architect_Programmer_Code Maatalousverkosto»Arkkitehti › Front-end-suunnittelu ja verkko › Etukehys › Angular 9 Series (VIII) päivittää lapsikomponentin arvon laukaisemalla tapahtuman asettamalla ...
Näkymä: 9484|Vastaus: 1

[Angular] Angular 9 -sarja (VIII) päivittää lapsikomponentin arvon laukaisemalla tapahtuman setin kautta

[Kopioi linkki]
Julkaistu 17.6.2020 17.46.48 | | | |
Angular 9 -sarja (1) Dynaamisesti kuormitetut komponentit
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 -sarjan (2) dynaamisen komponentin siirtoparametrin
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 -sarja (3) sisältää dynaamiset komponenttitapahtumat
https://www.itsvse.com/thread-9246-1-1.html

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

Angular 9 Series (V) muotoilee summan valuuttamuodon
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 -sarja (VI) kutsuu natiiveja JS-muuttujia ja metodeja
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 sarjan (VII) CSS-tyylinen tähtäin
https://www.itsvse.com/thread-9264-1-1.html

Arvojen välittämisessä vanhemmille komponenteille voit käyttää EventEmitteriä lähettääksesi arvoja vanhemmalle komponentille, ja vanhempikomponentti voi muokata menetelmän saadut arvot.

Arvot, jotka vanhempikomponentti sitoo lapsikomponentteihin, vastaanotetaan muuttujina niiden siirron yhteydessä, ja @Input():n set-menetelmää tulisi käyttää saapuvien arvojen käsittelyyn ja käsittelyyn.

Ensiksi klikkaamme vanhemman komponentin "Päivitä lapsikomponentin sisältö" -painiketta päivittääksemme lapsikomponentin näyttämän sisällön ja tulostamme jokaisen päivityksen sisällön, vaikutus on seuraava:



Alikomponentti child-page.component.html koodi:


Alikomponentti child-page.component.ts koodi:


Vanhemman komponentin index.component.html koodi:


Vanhempi komponentti index.component.ts koodi:

(Loppu)





Edellinen:Useampi kuin yksi moduuli täsmää. Käytä ohittaa-tuontivaihtoehtoa ohittaaksesi tuonnin...
Seuraava:Vue+ElementUI toteutus

Aiheeseen liittyvät julkaisut
 Vuokraisäntä| Julkaistu 29.5.2024 16.13.47 |
Kulmasarja 17 (XVII) havaitsee muutokset @Input arvoissa
https://www.itsvse.com/thread-10775-1-1.html
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.
Mail To:help@itsvse.com