Looking for angularjs Keywords? Try Ask4Keywords

AngularJSKomponenten


Parameter

Parameter Einzelheiten
= Für die bidirektionale Datenbindung. Das bedeutet, wenn Sie diese Variable in Ihrem Komponentenbereich aktualisieren, wirkt sich die Änderung auf den übergeordneten Bereich aus.
< Einwegbindungen, wenn wir einen Wert nur aus einem übergeordneten Bereich lesen und nicht aktualisieren möchten.
@ String-Parameter
& Für Rückrufe, falls Ihre Komponente etwas in den übergeordneten Bereich ausgeben muss.
- -
Lebenszyklus-Hooks Details (erfordert angle.version> = 1.5.3)
$ onInit () Wird auf jedem Controller aufgerufen, nachdem alle Controller eines Elements erstellt wurden und deren Bindungen initialisiert wurden. Hier können Sie den Initialisierungscode für Ihren Controller eingeben.
$ onChanges (changesObj) Wird aufgerufen, wenn Einwegbindungen aktualisiert werden. Die changesObj ist ein Hash, dessen Schlüssel die Namen der gebundenen Eigenschaften sind, die sich geändert haben, und die Werte sind ein Objekt der Form { currentValue, previousValue, isFirstChange() } .
$ onDestroy () Wird von einem Controller aufgerufen, wenn der enthaltene Bereich zerstört wird. Verwenden Sie diesen Haken, um externe Ressourcen, Uhren und Event-Handler freizugeben.
$ postLink () Wird aufgerufen, nachdem das Element dieses Controllers und seine untergeordneten Elemente verknüpft wurden. Dieser Hook kann als analog zu den Hooks ngAfterViewInit und ngAfterContentInit in Angular 2 betrachtet werden.
$ doCheck () Wird in jeder Runde des Digest-Zyklus aufgerufen. Bietet die Möglichkeit, Änderungen zu erkennen und darauf zu reagieren. Alle Aktionen, die Sie als Reaktion auf die erkannten Änderungen durchführen möchten, müssen von diesem Hook aus aufgerufen werden. Die Implementierung hat keine Auswirkungen auf den Aufruf von $ onChanges.

Bemerkungen

Komponente ist eine spezielle Art von Direktive, die eine einfachere Konfiguration verwendet, die für eine komponentenbasierte Anwendungsstruktur geeignet ist. Komponenten wurden in Angular 1.5 eingeführt. Die Beispiele in diesem Abschnitt funktionieren nicht mit älteren AngularJS-Versionen.

Ein vollständiges Entwicklerhandbuch für Komponenten ist verfügbar unter https://docs.angularjs.org/guide/component

Komponenten Verwandte Beispiele