Wie viel wissen Sie über AngularJS-Ausdrücke? Detaillierte Erläuterung der AngularJS-Ausdrücke und -Anwendungen (verfeinerte Version)

In diesem Artikel geht es hauptsächlich um die Erklärung der Ausdrücke von AngularJS sowie um die Anwendungsdetails von AngularJS. Werfen wir jetzt einen Blick auf diesen Artikel

AngularJS-Ausdrücke

AngularJS-Ausdrücke werden in doppelte geschweifte Klammern geschrieben: {{ expression } }.

Der AngularJS-Ausdruck bindet Daten an HTML, was der ng-bind-Direktive ähnelt.

AngularJS gibt Daten dort aus, wo der Ausdruck geschrieben ist.

AngularJS-Ausdrücke ähneln JavaScript-Ausdrücken: Sie können Literale, Operatoren und Variablen enthalten.

Instanz {{ 5 + 5 }} oder {{ Vorname + " " + Nachname }}

AngularJS-Ausdruck und JavaScript-Ausdruck

Ähnlich wie JavaScript-Ausdrücke können AngularJS-Ausdrücke Buchstaben, Operatoren und Variablen enthalten.

Im Gegensatz zu JavaScript-Ausdrücken können AngularJS-Ausdrücke in HTML geschrieben werden.

Im Gegensatz zu JavaScript-Ausdrücken unterstützen AngularJS-Ausdrücke keine bedingten Beurteilungen, Schleifen und Ausnahmen.

Im Gegensatz zu JavaScript-Ausdrücken unterstützen AngularJS-Ausdrücke Filter.

AngularJS-Direktiven wird ng vorangestellt HTML-Attribute.

AngularJS-Anwendung

AngularJS Modul definiert die AngularJS-Anwendung.

AngularJS Controller (Controller) wird zur Steuerung von AngularJS-Anwendungen verwendet. Die

ng-app-Direktive definiert die Anwendung und die ng-controller definiert den Controller.

<p ng-app="myApp" ng-controller="myCtrl">

名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}

</p>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>

AngularJS-Moduldefinitionsanwendung:

var app = angular.module('myApp', []);

AngularJS-Controller-Steuerungsanwendung:

app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});

Anwendung Analyse:
AngularJS-Anwendungen werden von ng-app definiert. Die Anwendung läuft innerhalb von

. Das Attribut
ng-controller="myCtrl" ist eine AngularJS-Direktive. Wird zum Definieren eines Controllers verwendet.
Die myStrg-Funktion ist eine JavaScript-Funktion.
AngularJS verwendet das $scope-Objekt, um Controller aufzurufen.
In AngularJS ist $scope ein Anwendungsobjekt (das zu Anwendungsvariablen und -funktionen gehört).
Der $scope des Controllers (entspricht Scope, Kontrollbereich) wird zum Speichern von AngularJS-Modellobjekten verwendet.
Der Controller erstellt zwei Eigenschaften (Vorname und Nachname) im Bereich. Die
ng-model-Direktive bindet Eingabefelder an Controller-Eigenschaften (Vorname und Nachname).
Okay, dieser Artikel endet hier (wenn Sie mehr lesen möchten, besuchen Sie die chinesische PHP-Website AngularJS-Benutzerhandbuch , um mehr zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen).

Das obige ist der detaillierte Inhalt vonWie viel wissen Sie über AngularJS-Ausdrücke? Detaillierte Erläuterung der AngularJS-Ausdrücke und -Anwendungen (verfeinerte Version). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!