Das beste AngularJS Richtlinien-Tutorial im Jahr 2024. In diesem Tutorial können Sie AngularJS Richtlinien,AngularJS Beispiele,Datenbindung,AngularJS Beispiele,Wiederholen Sie HTML-Elemente,AngularJS Beispiele,AngularJS Beispiele,ng-App-Richtlinie,ng-init-Befehl,ng-Modell Richtlinie,ng-Repeat-Anweisung,Erstellen Sie einen benutzerdefinierten Befehl,AngularJS Beispiele,Die Beschränkung des Einsatzes, lernen
Die neue Eigenschaft wird durch AngularJS Richtlinien genannt HTML zu verlängern.
AngularJS eingebauten Anweisungen für die Anwendungsfunktionalität hinzuzufügen.
AngularJS können Sie Anweisung anpassen.
AngularJS Anweisung ist eine Erweiterung der HTML - Attribute mit dem Präfix ng-.
ng-App - Anweisungen , um eine AngularJS Anwendung zu initialisieren.
ng-init Befehl , um die Anwendungsdaten zu initialisieren.
ng-Modellbefehls die Elementwerte (wie beispielsweise dem Wert des Eingabefeldes) an die Anwendung gebunden.
Eine vollständige Anleitung finden Sie in den Inhalt zu finden AngularJS Referenzhandbuch .
ng-App - Direktive teilt AngularJS, <div> Element ist AngularJS Anwendung des "Besitzers" .
Eine Webseite kann mehrere Lauf AngularJS Anwendungen in verschiedenen Elemente enthalten. |
Im obigen Beispiel {{firstname}} AngularJS Ausdruck ist ein Datenbindungsausdruck.
AngularJS Datenbindungen, synchronisiert mit AngularJS AngularJS Expressionsdaten.
{{Firstname}} von ng-Modell = "vorName" Synchronisation.
Im nächsten Beispiel wird zwei Textfeld über zwei Synchronisationsbefehl ng-Modell berechnet:
Verwenden ng-init ist nicht sehr verbreitet. Sie werden lernen, einen besseren Weg, um die Daten in der Steuerung Kapitel zu initialisieren. |
ng-Repeat - Anweisung wiederholt ein HTML - Element:
ng-repeat - Befehl wird in einer Reihe von Objekten verwendet:
CRUD AngularJS perfekte Support-Datenbank (erhöhen erstellen, lesen Sie Read, Update-Update, Delete) Anwendungen. Denken Sie an Beispielen von Objekten in Datensätze in der Datenbank. |
ng-App - Richtlinie definiert das Wurzelelement AngularJS Anwendung.
ng-App - Anweisungen , wenn die Seite geladen wird automatisch gestartet (automatische Initialisierung) Anwendungen.
Später werden Sie lernen, wie man ng-App mit einem Wert (zB ng-app = "MyModule") mit dem Code - Modul verbunden.
ng-init Anweisung AngularJS Anwendung definiert den Anfangswert.
Unter normalen Umständen nicht ng-init verwenden. Sie werden es einen Controller oder ein Modul zu ersetzen, verwenden.
Später werden Sie mehr über Controller und Module lernen.
ng-Modellelemente Richtlinie binden HTML zu den Anwendungsdaten.
ng-Modell kann somit auch:
ng-Repeat - Anweisung für die Sammlung (Array) jedes Element wird ein HTML - Element klonen.
AngularJS Zusätzlich zu den eingebauten Befehlen, können wir auch benutzerdefinierte Befehle erstellen.
.directive Funktion können Sie benutzerdefinierte Befehle hinzufügen verwenden.
Um einen benutzerdefinierten Befehl aufrufen, müssen Sie eine benutzerdefinierte Befehlsnamen auf dem HTML-Element hinzuzufügen.
Verwenden Sie Buckel Methode , eineRichtlinie zu nennen,w3bigDirective, aber wenn Sie es verwenden müssen-Segmentierung, w3big-Richtlinie:
Sie können Unterricht in den folgenden Arten aufrufen:
Die folgenden beispielhaft ausgeben kann das gleiche Ergebnis:
Sie können Ihre Anweisung kann begrenzen nur durch eine bestimmte Art und Weise aufgerufen werden.
Durch das Hinzufügen Eigenschaftbeschränken und setzen Sie den Wert nur "A"
können Sie den Befehl zu setzen nur als Eigenschaft genannt werden:
beschränken Wert sein kann , die folgenden:
E
wird als Elementname verwendet A
Verwendung als Attribut C
wird als Klassenname verwendet M
als Kommentar beschränken Standard ist EA
, die durch das Befehlselement aufgerufen werden kann und Attributnamen.