Heim > Web-Frontend > js-Tutorial > Analysieren des AngularJS-Bereichs und Verwenden von Beispielcode

Analysieren des AngularJS-Bereichs und Verwenden von Beispielcode

怪我咯
Freigeben: 2017-03-30 09:30:19
Original
1204 Leute haben es durchsucht

Scope spielt seinen ViewConnectionController ab Rolle ist ein spezielles JavaScript-Objekt , das die Modell-Daten im Controller enthält

<script>
   var mainApp = angular.module("mainApp", []);

   mainApp.controller("shapeController", function($scope) {
     $scope.message = "In shape controller";
     $scope.type = "Shape";
   });
</script>
Nach dem Login kopieren


Die folgenden Punkte sind im obigen Beispiel zu berücksichtigen:

$scope wird als erster Parameter in seinem Konstruktor

festgelegt $scope.message und $scope.type sind die Modelle, die in HTML-Seiten verwendet werden. Die Werte der von uns festgelegten Modelle spiegeln den Controller des Anwendungsmoduls wider > Wir können die Funktion
in $scope
definieren. Wenn wir verschachtelte Controller definieren, erbt das untergeordnete Controller den Bereich seines übergeordneten Steuerelements . Wichtige Punkte, die es zu berücksichtigen gilt:

Wir legen den Wert des Modells im ShapeController fest. Wenn das Modul des Controllers die „Nachricht“ überschreibt Beispiel

Das folgende Beispiel zeigt alle oben genannten Anweisungen >Ergebnis


Öffnen Sie textAngularJS.html im Webbrowser und sehen Sie das folgende Ergebnis

Das obige ist der detaillierte Inhalt vonAnalysieren des AngularJS-Bereichs und Verwenden von Beispielcode. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage