In diesem Artikel wird hauptsächlich die Einführung zu AngularJS vorgestellt, damit jeder verstehen kann, was AngularJS ist und welche Inhalte von AngularJS Sie kennen müssen. Lassen Sie uns diesen Artikel nun gemeinsam lesen
Bevor wir AngularJS lernen, müssen wir zunächst verstehen, was AngularJS ist.
1. Angularjs ist HTML, das speziell für Anwendungen entwickelt wurde.
a: AngularJS bindet Anwendungsdaten an HTML.
b: AngularJS kann HTML klonen und duplizieren.
c: AngularJS kann HTML ein- und ausblenden.
d: AngularJS kann Code in HTML-Elementen hinzufügen.
e: anglejs unterstützt die Eingabevalidierung.
angularjs ist ein Javascript-Framework, das HTML durch Anweisungen erweitert und Daten durch Ausdrücke an HTML bindet. In AngularJS sind viele Anweisungen eingerichtet, mit denen wir komplexe Aufgaben problemlos erledigen können.
Was ist die AngularJS-Direktive:
Die AngularJS-Direktive ist ein HTML-Attribut mit dem Präfix ng.
Zum Beispiel:
<p ng-app=""></p>
Die ng-app-Direktive definiert eine AngularJS-Anwendung. (ng-app teilt AngularJS mit, dass das
-Element der „Eigentümer“ der AngularJS-Anwendung ist, was bedeutet, dass alle nachfolgenden Methoden, Anweisungen usw., die wir in AngularJS verwenden, in diesem „Eigentümer“ abgeschlossen sind.) (Denken Sie an Weitere Informationen finden Sie auf der chinesischen PHP-Website AngularJS Development Manual , um mehr zu erfahren)
AngularJS-Ausdruck:
AngularJS-Ausdruck Die Formel steht in doppelten geschweiften Klammern: {{ }}.
AngularJS-Ausdruck bindet Daten an HTML.
angularjs „gibt“ die Daten dort aus, wo der Ausdruck geschrieben ist. (Das heißt, {{ }} wird verwendet, um die Ausgabedaten anzuzeigen).
Ausdrücke in AngularJS können Text, Operatoren oder definierte Funktionsnamen, Variablen usw. enthalten.
Zum Beispiel:
{{1 * 2}}, {{myFunction()}}, {{firstName + " " + lastName}}
AngularJS-Anwendung
AngularJS-Modul (Modul) definiert die AngularJS-Anwendung
AngularJS-Controller (Controller) wird zur Steuerung der AngularJS-Anwendung verwendet
Für Beispiel:
<p ng-app="myApp"> <p ng-controller="myCtrl"></p> </p> <script> var app = module("myApp",[]); app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。}); </script>
AngularJS-Moduldefinitionsanwendung:
var app = angular.module("myApp",[]);
AngularJS-Controller-Steuerungsanwendung:
app.controller("",function($scope){// 定义属性的值,传入视图层的表达式中。});
Hinweis: Es ist unbedingt erforderlich, Module und Controller in Angular zu definieren.
Okay, dieser Artikel endet hier (wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website AngularJS-Benutzerhandbuch , um mehr zu erfahren). , Sie können unten eine Frage hinterlassen.
Das obige ist der detaillierte Inhalt vonWas ist AngularJS? Ausführliche Erklärung von AngularJS (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!