Для обычных пользователей NG-App's AngularJS вручную связана с определенным элементом DOM. Однако в некоторых приложениях это кажется неудобным.
Инициализация связывания
Инициализация Angular через привязку проникнет в код JS в HTML, но его все еще достаточно для использования новичками!
<html> <Head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </script> </hadape> </"ngApp> </" ngApp> </"ngApp> </ngApp> </" ngApp> </ngApp. <div ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var mymodule = angular.module ("myApp", []); mymodule.controller ("myctrl", function ($ scope) {$ scope.hello = "hello, angular!";}); </script> </body> </html>После бега, привет, будет отображаться Angular!
Ручная инициализация
Angular также обеспечивает API -Bootstrap вручную, которая используется следующим образом:
angular.bootstrap (element, [modules], [config]);
Первый элемент параметра: является элементом DOM, который связывает NG-APP;
Модули: Имя связанных модуля
Конфигурация: Дополнительная конфигурация
Краткий взгляд на код:
<html> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/gangular.js/1.2.16/angular.min.js" ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var app = angular.module ("bootstraptest", []); app.controller ("myctrl", function ($ scope) {$ scope.hello = "Привет, Angular From Bootstrap";}); // angular.bootstrap (document.getElementbyId ("body"), ['bootstraptest']); angular.bootstrap (документ, ['bootstraptest']); </script> </body> </html>Стоит отметить:
Angular.BootStrap будет связывать только первый загруженный объект.
Последующие повторные привязки или другие объекты будут выходить из проведения ошибок на консоли.
Выше приведено информация, разбирающая Angularjs Bootstrap. Мы будем продолжать добавлять соответствующую информацию в будущем. Спасибо за поддержку этого сайта!