Scope играет специальный объект JavaScript в качестве контроллера подключения к представлению. Область содержит данные модели. В контроллере данные модели доступны через объект $ accope.
<script> var mainApp = angular.module ("maneApp", []); mainapp.controller ("shapecontroller", function ($ scope) {$ scope.message = "in shape controller"; $ scope.type = "shape";}); </script>Ниже приведены важные вопросы, которые следует учитывать в примере выше.
$ Scope используется в качестве первого параметра для определения метрики для контроллера в его конструкторе.
$ scope.message и $ scope.type - это модели, которые они используют на HTML -страницах.
Мы установили значение модели, чтобы отразить контроллер модуля приложения в ShapeController.
Мы можем определить функции функций в $ Scope.
Применение наследства
Диапазон является конкретным контроллером. Если мы определим вложенного контроллера, то ребенок -контроллер наследует область своего родительского контроля.
<script> var mainApp = angular.module ("maneApp", []); mainapp.controller ("shapecontroller", function ($ scope) {$ scope.message = "в форме контроллера"; $ scope.type = "shape";}); mainapp.controller ("circlecontroller", function ($ scope) {$ scope.message = "в Circle Controller";}); </script>Ниже приведены важные вопросы, которые следует учитывать в примере выше.
Мы установили значение модели в ShapeController.
Мы переопределяем сообщение Subcontroller Circlecontroller. Когда используется модуль контроллера Circlecontroller внутри «Сообщения», сообщение будет использоваться для перезаписываемой.
пример
В следующих примерах будут показаны все вышеперечисленные инструкции.
testangularjs.html
<html> <head> <title> Angular JS Forms </title> </head> <body> <h2> Angularjs Sample Application </h2> <div ng-app = "mainapp" ng-controller = "shapecontroller"> <p> {{message}} <br/> {{{}} </p> <div> <div> ng-controller = "circlecontroller"> <p> {{message}} <br/> {{type}} </p> </div> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.min. = angular.Module ("maneApp", []); mainapp.controller ("shapecontroller", function ($ scope) {$ scope.message = "в форме контроллера"; $ scope.type = "shape";}); mainapp.controller ("circlecontroller", function ($ scope) {$ scope.message = "в Circle Controller";}); mainapp.controller ("squarecontroller", function ($ rack) {$ scope.message = "в квадратном контроллере"; $ scope.type = "square";}); </script> </body> </html>результат
Откройте TextAngularjs.html в веб -браузере. Результаты следующие.
Выше приведено сборник информации о области области AngularJS. Мы будем продолжать добавлять соответствующую информацию в будущем. Спасибо за поддержку этого сайта!