Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Frontrahmen › Angular 9 Series (VIII) aktualisiert den Wert einer Kindkomponente, indem ein Ereignis ausgelöst wird, indem ...
Ansehen: 9484|Antwort: 1

[Kantig] Die Angular 9-Reihe (VIII) aktualisiert den Wert einer Kindkomponente, indem ein Ereignis per Set ausgelöst wird

[Link kopieren]
Veröffentlicht am 17.06.2020 17:46:48 | | | |
Angular 9er Serie (1) Dynamisch geladene Bauteile
https://www.itsvse.com/thread-9238-1-1.html

Winkel-9-Serie (2) dynamische Komponenten Übertragungsparameter
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 Serie (3) unterzieht dynamische Komponentenereignisse
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Serie (IV) Individuelle Rohrleitungen
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatiert das Format der Betragswährung
https://www.itsvse.com/thread-9249-1-1.html

Die Winkel-9-Reihe (VI) ruft native JS-Variablen und Methoden auf
https://www.itsvse.com/thread-9254-1-1.html

Angular 9-Serie (VII) CSS-ähnliches Zielfernrohr
https://www.itsvse.com/thread-9264-1-1.html

Beim Übergeben von Werten an übergeordnete Komponenten kann man EventEmitter verwenden, um Werte an die übergeordnete Komponente zu senden, und die übergeordnete Komponente kann die erhaltenen Werte in der Methode bearbeiten.

Für die Werte, die von der Elternkomponente an die Kindkomponenten gebunden sind, werden sie beim Übertragen als Variablen empfangen, und die Set-Methode @Input() sollte verwendet werden, um die eingehenden Werte zu bearbeiten und zu verarbeiten.

Zuerst klicken wir auf den Button "Update Child Component Content" der Elternkomponente, um die vom Child angezeigten Inhalt zu aktualisieren und drucken den Inhalt jeder Aktualisierung aus; der Effekt ist wie folgt:



Teilkomponente child-page.component.html Code:


Unterkomponenten child-page.component.ts Code:


Elternteil index.component.html Code:


Parent Component index.component.ts Code:

(Ende)





Vorhergehend:Mehr als ein Modul passt. Benutze die Skip-Import-Option, um das Importieren zu überspringen...
Nächster:Implementierung von Vue+ElementUI

Verwandte Beiträge
 Vermieter| Veröffentlicht am 29.05.2024 16:13:47 |
Die Winkel-17-Serie (XVII) erkennt Änderungen der @Input Werte
https://www.itsvse.com/thread-10775-1-1.html
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com