Angularjs Ng-App Directive
AngularJs Extance
Пусть элемент тела будет назван корневым элементом приложения AngularJS:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng- App = ""> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> js " }} </p> </body> </html>
Результаты работы:
Мое первое выражение: 10
Определение и использование
Директива NG-APP используется для того, чтобы сообщить AngularJS применить текущий элемент в качестве корневого элемента.
Все приложения AngularJS должны требовать корневого элемента.
В документе HTML разрешена только одна директива NG-APP. Если есть несколько директив NG-APP, будет использоваться только первый.
грамматика
<element ng-app = "modulename"> ... Контент на корневом элементе NG-App может содержать код AngularJS ... </element>
Все элементы HTML поддерживают эту директиву.
Значение параметра
| ценить | описывать |
|---|---|
| Модульское имя | Необязательный. Указывает имя загруженного модуля приложения. |
AngularJs Extance
Выполнить модули в приложении
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-pp = "myapp" ng-controller = "myctrl"> {{firstname + "" + lastname}} </div> <script> var app = angular.module ("myApp", []); app.controller ("myctrl", функция ($ scope) {$ scope.firstname = "johla"; $ scope. "Doe";}); </script> </body> </html>Эффект бега:
Джон Доу
Выше приведено информация, разбирающая директиву AngularJS NG-APP, и будет добавлена позже.