Scope spielt ein spezielles JavaScript -Objekt als seine Ansichtsverbindungscontroller. Der Bereich enthält Modelldaten. Im Controller wird auf die Modelldaten über das $ Scope -Objekt zugegriffen.
<Script> var mainApp = angular.module ("mainApp", []); MainApp.Controller ("ShapeController", Funktion ($ scope) {$ scope.message = "in Formcontroller"; $ scope.type = "Shape";}); </script>Das Folgende sind wichtige Themen, die im obigen Beispiel berücksichtigt werden müssen.
$ scope wird als erster Parameter verwendet, der die Metrik für den Controller in seinem Konstruktor bestimmt.
$ scope.message und $ scope.type sind die Modelle, die sie auf HTML -Seiten verwenden.
Wir haben den Wert des Modells festgelegt, um den Controller des Anwendungsmoduls im ShapeController widerzuspiegeln.
Wir können Funktionsfunktionen in $ Scope definieren.
Erbsumfang
Der Bereich ist ein spezifischer Controller. Wenn wir einen verschachtelten Controller definieren, erbt das Controller -Kind den Umfang seiner Elternkontrolle.
<Script> var mainApp = angular.module ("mainApp", []); mainApp.controller ("ShapeController", Funktion ($ scope) {$ scope.message = "in Form Controller"; $ scope.type = "shape";}); mainapp.controller ("circlecontroller", function ($ scope) {$ scope.message = "In Circle Controller";}); </script>Das Folgende sind wichtige Themen, die im obigen Beispiel berücksichtigt werden müssen.
Wir setzen den Wert des Modells im ShapeController.
Wir überschreiben die Subcontroller -CircleController -Nachricht. Wenn das Modul des Controller CircleController in der "Nachricht" verwendet wird, wird die Nachricht für umgeschriebenes verwendet.
Beispiel
Die folgenden Beispiele zeigen alle oben genannten Anweisungen.
testangularJs.html
<html> <Head> <titels> Angular JS-Formulare </title> </head> <body> <h2> Angularjs Beispielanwendung </h2> <div ng-App = "mainApp" ng-controller = "ShapeController" ng-controller = "circlecontroller"> <p> {{message}} <br/> {{Typ}}} </p> </div> <script src = "http://ajax.googleapis.com/ajax/angularjs/.2.15/angular Angular.module ("MainApp", []); mainApp.controller ("ShapeController", Funktion ($ scope) {$ scope.message = "in Form Controller"; $ scope.type = "shape";}); mainapp.controller ("circlecontroller", function ($ scope) {$ scope.message = "im circle controller";}); mainapp.controller ("squarecontroller", function ($ scope) {$ scope.message = "in Square Controller"; $ scope.type = "square";}); </script> </body> </html>Ergebnis
Öffnen Sie TextangularJs.html in einem Webbrowser. Die Ergebnisse sind wie folgt.
Das obige ist eine Zusammenstellung der AngularJS -Bereichsinformationen. Wir werden in Zukunft weiterhin relevante Informationen hinzufügen. Vielen Dank für Ihre Unterstützung für diese Website!