O escopo reproduz um objeto JavaScript especial como seu controlador de conexão de exibição. O escopo contém dados do modelo. No controlador, os dados do modelo são acessados através do objeto $ SCOPE.
<Cript> var mainApp = angular.module ("mainApp", []); MainApp.Controller ("ShapeController", função ($ scope) {$ scope.message = "in Shape Controller"; $ scope.type = "shape";}); </script>Os seguintes são questões importantes a serem consideradas no exemplo acima.
$ SCOPE é usado como o primeiro parâmetro para determinar a métrica para o controlador em seu construtor.
$ SCOPE.MESSAGE e $ SCOPE.TYPE são os modelos que eles usam nas páginas HTML.
Definimos o valor do modelo para refletir o controlador do módulo de aplicativo no ShapeController.
Podemos definir funções de função em $ SCOPE.
Escopo da herança
O intervalo é um controlador específico. Se definirmos um controlador aninhado, a criança controladora herdará o escopo de seu controle dos pais.
<Cript> var mainApp = angular.module ("mainApp", []); mainApp.Controller ("ShapEController", função ($ scope) {$ scope.message = "in shape controller"; $ scope.type = "shape";}); MainApp.Controller ("CircleController", função ($ scope) {$ scope.message = "no controlador de círculo";}); </script>Os seguintes são questões importantes a serem consideradas no exemplo acima.
Definimos o valor do modelo no ShapEController.
Substituímos a mensagem do subcontrolador CircleController. Quando o módulo do controlador CircleController dentro da "mensagem" for usado, a mensagem será usada para reescrito.
exemplo
Os exemplos a seguir mostrarão todas as instruções acima.
testangularjs.html
<html> <head> <title> formas angulares js </ititle> </ad Head> <body> <h2> Aplicação de amostra de angularjs </h2> <div ng-app = "mainApp" ng-controller = "shapeController"> <p> {}}} <br/> {{tipo ng-controller="circleController"> <p>{{message}} <br/> {{type}} </p> </div> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> <script> var mainApp = angular.module ("mainApp", []); mainApp.Controller ("ShapEController", função ($ scope) {$ scope.message = "in shape controller"; $ scope.type = "shape";}); MainApp.Controller ("CircleController", função ($ scope) {$ scope.message = "no controlador de círculo";}); MainApp.Controller ("Squarecontroller", função ($ scope) {$ scope.message = "no controlador quadrado"; $ scope.type = "square";}); </script> </body> </html>resultado
Open textangularjs.html em um navegador da web. Os resultados são os seguintes.
O exposto acima é uma compilação das informações do escopo do AngularJS. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!