Was ist AngularJS? Ausführliche Erklärung von AngularJS (mit Beispielen)

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 e388a4556c0f65e1904146cc1a846bee-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:

6c13a1a3b09fba4a8d7eb81e8b934aa9
dc47981a3d19b199b9afb13dba0bca4a94b3e26ee717c64999d7867364b1b4a3
94b3e26ee717c64999d7867364b1b4a3
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值，传入视图层的表达式中。});
2cacc6d41bbb37262a98f745aa00fbf0

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!