El alcance reproduce un objeto JavaScript especial como su controlador de conexión de vista. El alcance contiene datos del modelo. En el controlador, se accede a los datos del modelo a través del objeto $ alcance.
<script> var mainapp = angular.module ("mainapp", []); MainApp.Controller ("ShapeController", function ($ scope) {$ scope.message = "en el controlador de forma"; $ scope.type = "shape";}); </script>Los siguientes son temas importantes a considerar en el ejemplo anterior.
$ El alcance se usa como el primer parámetro para determinar la métrica al controlador en su constructor.
$ scope.message y $ scope.Type son los modelos que usan en las páginas HTML.
Hemos establecido el valor del modelo para reflejar el controlador del módulo de aplicación en el shapeController.
Podemos definir funciones de función en $ alcance.
Alcance de la herencia
El rango es un controlador específico. Si definimos un controlador anidado, entonces el niño del controlador heredará el alcance de su control de los padres.
<script> var mainapp = angular.module ("mainapp", []); mainapp.controller ("shapeController", function ($ scope) {$ scope.message = "en el controlador de forma"; $ scope.type = "shape";}); MainApp.Controller ("CIRCLECONTROLLER", function ($ scope) {$ scope.message = "en el controlador círculo";}); </script>Los siguientes son temas importantes a considerar en el ejemplo anterior.
Establecemos el valor del modelo en el ShapeController.
Anulamos el mensaje del subcontrollador CIRCLECONTROLLER. Cuando se utiliza el módulo del controlador CIRCLECONTROLER dentro del "mensaje", el mensaje se utilizará para reescrito.
ejemplo
Los siguientes ejemplos mostrarán todas las instrucciones anteriores.
testangularjs.html
<html> <fead> <bitle> Angular JS forma forma </title> </head> <body> <h2> AngularJS Aplicación de muestra </h2> <div ng -pp = "mainapp" ng-confontroller = "ShapeController"> <p> {{Mensaje}}} <br/> {{type}} </p> <Diviv. ng-Controller = "CIRCLECONTROLLER"> <P> {{Message}} <br/> {{type}} </p> </ div> <script src = "http://ajax.googleapis.com/AJAX/libs/angularjs/1.2.15/angular. angular.module ("mainapp", []); mainapp.controller ("shapeController", function ($ scope) {$ scope.message = "en el controlador de forma"; $ scope.type = "shape";}); MainApp.Controller ("CIRCLECONTROLLER", function ($ scope) {$ scope.message = "en el controlador círculo";}); MainApp.Controller ("SquareController", function ($ scope) {$ scope.message = "en el controlador cuadrado"; $ scope.type = "cuadrado";}); </script> </body> </html>resultado
Abra textangularjs.html en un navegador web. Los resultados son los siguientes.
Lo anterior es una compilación de la información del alcance de AngularJS. Continuaremos agregando información relevante en el futuro. ¡Gracias por su apoyo para este sitio web!