angularjs определение и особенности
1. Google Front-Cond Front-Source Framework
2.MVVM (модель представления модели) Режим проектирования: модель будет взаимодействовать с ViewModel (через объект $ Scope) и будет прослушать изменения в модели. Они могут быть отправлены и отображены через представление, а HTML показывает ваш код
3. Удобный отдых
4. Связывание данных и инъекция зависимости
5. Вы можете управлять HTML, как XML. AngularJS может завершить соответствующие настройки через свой собственный компилятор и директивы.
6. Шаблон передается как элемент DOM для компилятора Angular
7. AngularJS расширяет HTML через директивы и связывает данные с HTML посредством выражений.
Создайте приложение AngularJS
Добавить тег Angular <Script> в тег <head>
Кода -копия выглядит следующим образом:
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </script>
Добавить директиву ng-app в тег <Body>
Кода -копия выглядит следующим образом:
<тело
ng-app = "guetonline"
ng-controller = "maincontroller"
>
Создать новый сценарий каталогов и файл app.js, определить и настраивать все модули и зависимости в app.js
Кода -копия выглядит следующим образом:
var app = angular.module ('guetonline', [[
'ngroute',
«мобильный-агулярно-UI»,
'Mobile-Angular-UI.Gestures'
]);
Определить контроллеры, услуги и инструкции в приложении модуля
Кода -копия выглядит следующим образом:
app.controller ('mainctrl', function ($ rootscope, $ scope, $ http) {}) // Контроллер
app.service ('mainsevicel', function () {}) // service
app.directive ('dragtodismiss', function () {}) // Инструкции
Определить маршруты в приложении модуля
Кода -копия выглядит следующим образом:
app.config (function ($ routeprovider) {
$ routeprovider.when ('/', {templateurl: 'index/home', reloadonsearch: false});
$ routeprovider.when ('/scroll', {templateurl: 'scroll.html', reloadonsearch: false});
$ routeprovider.when ('/toggle', {templateurl: 'toggle.html', reloadonsearch: false});
$ routeprovider.when ('/tabs', {templateurl: 'tabs.html', reloadonsearch: false});
$ routeprovider.when ('/accorction', {templateurl: 'accormion.html', reloadonsearch: false});
$ routeprovider.when ('/alplay', {templateurl: 'alplay.html', reloadonsearch: false});
$ routeprovider.when ('/forms', {templateurl: 'formss.html', reloadonsearch: false});
$ routeprovider.when ('/wopdown', {templateurl: 'dropdown.html', reloadonsearch: false});
$ routeprovider.when ('/drag', {templateurl: 'drag.html', reloadonsearch: false});
$ routeprovider.when ('/carousel', {templateurl: 'carousel.html', reloadonsearch: false});
$ routeprovider.when ('/news/Office_View', {Templateurl: '/news/Office_View', ReloadonSearch: false});
});
продолжение следует. Полем Следующим шагом является изучение более глубоких шагов, и есть фильтры