Heim > Web-Frontend > js-Tutorial > Was ist AngularJS? Ausführliche Erklärung von AngularJS (mit Beispielen)

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

寻∝梦
Freigeben: 2018-09-08 11:18:15
Original
1687 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

AngularJS-Moduldefinitionsanwendung:

var app = angular.module("myApp",[]);
Nach dem Login kopieren

AngularJS-Controller-Steuerungsanwendung:

app.controller("",function($scope){// 定义属性的值,传入视图层的表达式中。});
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage