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

Analysieren des AngularJS-Bereichs und Verwenden von Beispielcode

Mar 30, 2017 am 09:30 AM

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verwendung der Typedef-Struktur in der C-Sprache Verwendung der Typedef-Struktur in der C-Sprache May 09, 2024 am 10:15 AM

Verwendung der Typedef-Struktur in der C-Sprache

So lösen Sie die in Java erwartete Variable So lösen Sie die in Java erwartete Variable May 07, 2024 am 02:48 AM

So lösen Sie die in Java erwartete Variable

Vor- und Nachteile von Verschlüssen in js Vor- und Nachteile von Verschlüssen in js May 10, 2024 am 04:39 AM

Vor- und Nachteile von Verschlüssen in js

Was bedeutet include in c++? Was bedeutet include in c++? May 09, 2024 am 01:45 AM

Was bedeutet include in c++?

C++-Smartpointer: eine umfassende Analyse ihres Lebenszyklus C++-Smartpointer: eine umfassende Analyse ihres Lebenszyklus May 09, 2024 am 11:06 AM

C++-Smartpointer: eine umfassende Analyse ihres Lebenszyklus

Es gibt mehrere Situationen, auf die dies in js hinweist Es gibt mehrere Situationen, auf die dies in js hinweist May 06, 2024 pm 02:03 PM

Es gibt mehrere Situationen, auf die dies in js hinweist

Können die Definition und der Aufruf von Funktionen in C++ verschachtelt werden? Können die Definition und der Aufruf von Funktionen in C++ verschachtelt werden? May 06, 2024 pm 06:36 PM

Können die Definition und der Aufruf von Funktionen in C++ verschachtelt werden?

Wie werden Schließungen in Java implementiert? Wie werden Schließungen in Java implementiert? May 03, 2024 pm 12:48 PM

Wie werden Schließungen in Java implementiert?

See all articles