AngularJs имеет несколько основных особенностей, таких как:
1 MVC
2 модульный
3 Система команд
4 двустороннего привязки данных
Итак, давайте посмотрим на модуляризацию AngularJS.
Во -первых, давайте поговорим о том, почему вам нужно реализовать модульность:
1 Добавлена повторная способность модулей
2. Определите модули для реализации настройки заказа на загрузку
3 В модульных тестах все не нужно загружать
В предыдущих примерах код контроллера записывается непосредственно в теге сценария, так что объявленные функции являются глобальными, что, очевидно, не лучший выбор.
Посмотрим, как модулизировать:
<script type = "text/javascript"> var myappmodule = angular.module ('myApp', []); myappmodule.filter ('test', function () {return function (name) {return 'hello,'+name+'!';};}); myappmodule.controller ('myappctrl', ['$ scope', function ($ scope) {$ scope.name = 'Xingoo';}]); </script>Во -первых, создайте модуль MyAppModule через глобальную переменную Angular
Angular.Module ('myApp', []);
Первый параметр - это имя приложения приложения, которое идентифицирует точку входа угловой на странице, аналогично функции основной функции.
Второй параметр [] идентифицирует зависимый модуль.
Давайте посмотрим, как использовать модуль!
<! Doctype html> <html ng-app = "myApp"> <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> </head> <body> <div ng-controller = "myAppctrl"> {{name | тест}} </div> <script type = "text/javascript"> var myappmodule = angular.module ('myApp', []); myappmodule.filter ('test', function () {return function (name) {return 'hello,'+name+'!';};}); myappmodule.controller ('myappctrl', ['$ scope', function ($ scope) {$ scope.name = 'Xingoo';}]); </script> </body> </html>Просто свяжите MyApp с NG-App, и это нормально.
В скрипте мы создаем фильтр и контроллер через модули.
Цель фильтра - добавить модификацию строки.
Функция контроллера заключается в инициализации переменной.
Результаты работы программы следующие:
Выше приведено модульная информационная сортировка AngularJS. Мы будем продолжать добавлять соответствующую информацию в будущем. Спасибо за поддержку этого сайта!