Если вы уже знаете, что такое AngularJS и пользуетесь им продолжительное время, вероятно перед вами уже стояла задача выполнения неких действий сразу после инициализации приложения. И после прочтения документации вы обнаруживаете, что такого способа “из коробки” нет)
Читать полностью »
Рубрика «angular» - 50
AngularJS: настраиваем событие инициализации
2014-08-06 в 6:52, admin, рубрики: $emit, $rootScope, angular, AngularJS, javascript, инициализация, событиеТонкости AngularJS: select внутри шаблона директивы
2014-07-06 в 14:14, admin, рубрики: angular, AngularJS, javascript, JS, select, директивыЭта статья будет описывать решение одной конкретной задачи, а также на примере показывать как работает $transclude.
Задача такая: сделать директиву, обертку для select-а. Предположим, что мы хотим одним тегом добавлять сразу и селект и label к нему (потом можно будет туда добавить ошибки заполнения, но мы для простоты не будем этого делать). В общем то, на первый взгляд выглядит все просто.
Сделаем директиву и назовем ее field. Использовать будем так:
<field title="Цвет" type="select" ng-model="selectedColor" options="color.id as color.name for color in colors"></field>
Бесплатный курс по AngularJS от Codeschool
2014-05-16 в 19:18, admin, рубрики: angular, AngularJS, codeschool, javascript, метки: angular, AngularJS, codeschool 
Всем привет!
Пару дней назад мне на почту пришло письмо от Codeschool.com, в котором очень красочно (как можно заметить из картинки в шапке поста) представлялся новый курс по AngularJS. Т.к. платной подписки у меня сейчас нет, я решил отложить просмотр до лучших времён, а сегодня случайно узнал, что курс оказывается «Sponsored by Google», а соответственно бесплатный. Закончив работу над первым уровнем, я поспешил проверить наличие заметки об этом чудном событии на Хабре, но с удивлением обнаружил, что никто до сих пор не поделился этой новостью. Значит придётся взять всё в свои руки.
Читать полностью »
В новой сборке COLT 2.0 (beta 6) появился расширенный автокомплит для Angular.js проектов — внутри {{}} для Sublime Text (2 и 3)
2014-04-14 в 16:27, admin, рубрики: angular, AngularJS, COLT, colt.io, javascript, sublime, Блог компании CodeOrchestra, метки: angular, COLT, colt.io, sublime -poyavilsya-rasshirennyi-avtokomplit-dlya-Angular-js-proektov-—-vnutri---dlya-Sublime-Text-(2-i-3).png "В новой сборке COLT 2.0 (beta 6) появился расширенный автокомплит для Angular.js проектов — внутри {{}} для Sublime Text (2 и 3)")
Раньше автокомлит работал только в JS — в запущенном приложении COLT находил нужный объект и смотрел его структуру. Теперь внутри {{}} и атрибутах директив в списке автокомплита появился выбор всех поля и методов из текущего $scope.
Читать полностью »
Вышел COLT 2.0 с поддержкой Angular.js, node-webkit
2014-03-31 в 15:02, admin, рубрики: angular, AngularJS, COLT, javascript, Блог компании CodeOrchestra, метки: angular, COLT, javascript Сегодня мы выпускаем новую версию нашего продукта. COLT 2.0.
Данный релиз будет интересен JavaScript разработчикам.
Главные новости. Коротко
Поддержка node-webkit, поддержка работы с удаленными или локальными серверами (live-proxy). Консольная версия COLT (запуск без UI на сервере). Поддержка Angular. Новый механизм HTML доставки. Улучшение работы с Sublime Text (JSDocs и другое). Улучшение производительности. Новый интерфейс на node-webkit. Улучшена поддержка Linux. Новый демо режим (как в Sublime). Значительное уменьшение размера дистрибьютива.Читать полностью »
Мы потеряли тот Веб
2013-12-11 в 13:20, admin, рубрики: angular, backbone, Bootstrap, css, dom, html, javascript, jquery, будущее web, Веб-разработка 
Кратко: после браузерных войн организация W3C и группы разработчиков, такие как Web Standards Project, долго и упорно работали, чтобы восстановить единый нефрагментированный Веб. Но в последние несколько лет мы, разработчики, взяли, и заново всё зафрагментировали… Наверное, нам надо понять, что мы теряем, прежде чем потеряем этот Веб навсегда.
Ровно год назад патриарх веб-индустрии Anil Dash написал: "Мы потеряли Веб", скорбя по ранней, «досоциальной» блогосфере, до всех этих наших постингов фото, видео и мыслей, находящих последний приют в катакомбах Фейсбука, Твиттера, Инстаграма и Ютуба. Это вызвало отклик у многих, кто застал те дни; многих, кто по иронии судьбы затем ушёл работать в эти катакомбы.
Читать полностью »
Angular. Почему не работают вложенные инклуды
2013-11-25 в 8:22, admin, рубрики: angular, AngularJS, directives, javascript, метки: angular, AngularJS, directives, javascriptЭто не статья — скорее заметка. И да, она для новичков в Angular.
Частый вопрос — почему в Angular не работают вложенные инклуды? Работают. Просто Angular — это не php.
Планируя лэйаут, мы обычно представляем что-то такое:
- Меню сверху,
- Меню слева,
- Контент в центре
- Футер
Первое что пытаемся сделать, так это добавить в главный шаблон ngView, а в шаблоны нижнего уровня добавить ngInclude. Пробуем, у нас не получается, идём читать StackOverFlow (давайте будем честны — сначала StackOverFlow, потом, может быть, если лениво не будет, — документацию).
И там нам говорят что-то в духе, “чувак, используй angular ui-router”, или “зацени, какой я себе костылесипед собрал!”.
Читать полностью »
Warp9 — еще одна реактивная js библиотека. На этот раз компонуемая и без утечек
2013-10-31 в 12:16, admin, рубрики: angular, javascript, knockout, React, Веб-разработка, функциональное программирование, метки: angular, knockout, React 
Существует множество реактивных и около-реактивных библиотек для создания графического интерфейса на js: Angular, Knockout, React, RxJS… Спрашивается, зачем писать еще одну. Оказывается, во всех них, помимо фатального недостатка, есть еще несколько.
Видео: полный цикл разработки на JavaScript
2013-10-29 в 8:56, admin, рубрики: angular, grunt.js, javascript, mongodb, node.js, nosql, Веб-разработка, метки: angular, grunt.js, javascript, mongodb, node.js, Веб-разработкаЗдравствуй!
В этой открытой лекции я попытался сжато рассказать и показать полный цикл (full stack) разработки веб-приложений на JavaScript.
Начнем мы с короткого введения в язык, потом в двух словах поговорим о клиентской части, в частности, об MVC фреймворках вроде Angular.js, после чего перейдем на серверную часть: Node.js и MongoDB. В конце обсудим возможность автоматизации разработки и сборки проектов с помощью Grunt.js.
Скачать слайды и исходные коды.
Лекция была записана в офисе компании ChocolifeЧитать полностью »
Яндекс карты для angular.js
2013-10-28 в 12:01, admin, рубрики: angular, AngularJS, javascript, yandex maps, яндекс, метки: angular, AngularJS, javascript, yandex maps 
Приветствую всех, уважаемые харбожители!
В данном посте речь идет о том, как подружить карты яндекса и javascript framework angular.js для их совместной работы. Можно, конечно, использовать и google map, но для стран СНГ их качество оставляет желать лучшего.
Немного погуглив, и не найдя готового решения, пришлось писать свое. Кому интересно, добро пожаловать под кат.
Читать полностью »