[Перевод] Angular 2 Beta, обучающий курс «Тур героев» часть 4
2016-05-14 17:41:01
Часть 1 Часть 2 Часть 3 Часть 4
Сервисы
Тур героев развивается, и ...
+ развернуть текст сохранённая копия
Часть 1 Часть 2 Часть 3 Часть 4
Сервисы
Тур героев развивается, и мы ожидаем добавление новых компонентов в ближайшем будущем.
Нескольким компонентам нужен доступ к данным героев, и мы не хотим копировать и вставлять один и тот же код снова и снова. Вместо этого мы создадим один сервис передачи данных, который можно будет в дальнейшем повторно использовать, и научимся использовать его в компонентах, которые в нем нуждаются.
Читать дальше →
Тэги:
2.0,
angular,
angular2,
angularjs,
heroes,
javascript,
tour,
tutorial,
веб-сайтов,
разработка
Модуль постраничной навигации для ангуляра. (AngularJS)
2016-05-05 11:43:04
Использовать так:
<idf-pagination data="paginate& ...
+ развернуть текст сохранённая копия
Использовать так:
<idf-pagination data="paginate"></idf-pagination>
где paginate объект вида
$scope.paginate = {
per_page: 10,
total: null,
page: 1
};
при изменении страницы меняется $scope.paginate.page, на него надо повесить листнер и производить действия по изменению, например:
$scope.$watch("paginate", function(data, oldData){
if(data.page == oldData.page) return;
reloadData();
}, true);
Постраничка не показывается, если нет total и если доступна только 1 страница.
Читать дальше →
Тэги: angular, angularjs, idfcompany, node.js, nodejs, веб-сайтов, программирование, разработка
[Перевод] Angular 2 Beta, обучающий курс «Тур героев» часть 3
2016-04-27 19:55:56
Наше приложение растет. В этой части сосредоточимся на компонентах, пригодных для повторного ...
+ развернуть текст сохранённая копия
Наше приложение растет. В этой части сосредоточимся на компонентах, пригодных для повторного использования, а также на передаче данных компонентам. Давайте отделим список героев в отдельный компонент и сделаем этот компонент пригодным для повторного использования.
Читать дальше →
Тэги: 2.0, angular, angular2, angularjs, heroes, javascript, tour, tutorial, веб-сайтов, разработка
[Из песочницы] Angular.js — разработка webApi модуля
2016-04-25 13:40:16
Желание разработать собственный Angular.js webApi модуль возникло при работе с ...
+ развернуть текст сохранённая копия
Желание разработать собственный Angular.js webApi модуль возникло при работе с большим количеством http-запросов в проекте.
Важно было не просто создать файл с константами, а разработать некий модуль для упрощения поддержки существующего функционала. В свою очередь, необходимо было и позаботиться о возможном последующем расширении без нарушения целостности текущего ядра модуля.
Задачи, которые должен решать будущий webApi модуль:
- Предотвратить дублирование http-запросов в проекте.
- Группировать существующий список запросов по функциональным категориям, чтобы проще вносить правки в конкретные методы.
- Быть полностью независимой функциональной единицей приложения, которая подключается к любому другому Angular.js проекту простым Dependency Injection'ом.
- Инкапсулировать внутреннюю реализацию, чтобы избежать проблем при работе с внешними источниками.
Дальше поговорим о каждом из этих пунктов подробнее.
Читать дальше →
Тэги: angular, angularjs, javascript, web-разработка, webapi, архитектура, веб-сайтов, разработка
[Из песочницы] Angular.js — разработка webApi модуля
2016-04-25 13:40:16
Желание разработать собственный Angular.js webApi модуль возникло при работе с ...
+ развернуть текст сохранённая копия
Желание разработать собственный Angular.js webApi модуль возникло при работе с большим количеством http-запросов в проекте.
Важно было не просто создать файл с константами, а разработать некий модуль для упрощения поддержки существующего функционала. В свою очередь, необходимо было и позаботиться о возможном последующем расширении без нарушения целостности текущего ядра модуля.
Задачи, которые должен решать будущий webApi модуль:
- Предотвратить дублирование http-запросов в проекте.
- Группировать существующий список запросов по функциональным категориям, чтобы проще вносить правки в конкретные методы.
- Быть полностью независимой функциональной единицей приложения, которая подключается к любому другому Angular.js проекту простым Dependency Injection'ом.
- Инкапсулировать внутреннюю реализацию, чтобы избежать проблем при работе с внешними источниками.
Дальше поговорим о каждом из этих пунктов подробнее.
Читать дальше →
Тэги: angular, angularjs, javascript, web-разработка, webapi, архитектура, веб-сайтов, разработка
