Category Archives: Angular.js

Restangular

https://github.com/mgonto/restangular Библиотека, расширяющая $resource в Angularjs, для более удобной работы с REST API

CSS3-animation с AngularJS

http://www.youtube.com/embed/cF_JsA9KsDM Вот подробнее в текстовом варианте — http://www.yearofmoo.com/2013/04/animation-in-angularjs.html

Watch angular attrs and scope

attrs.$observe и $scope.$parent.$watch Подробнее:

ng-options в Angular.js

Который раз натыкаюсь на эти грабли, и который раз забываю. Чтобы заработало ng-options и вообще много чего с селектами, нужно обязательно указать модель для селекта (<select name=»{{name}}» ng-model=»day» class=»…»>), без этого работать не будет, т.к. (отрывок из исходников angular.js):

      // if ngModel is not defined, we don't need to do anything
      if (!ctrls[1]) return;

1 2	// if ngModel is not defined, we don't need to do anything if (!ctrls[1]) return;

Видео о директивах в AngularJS

Сколько уже раз забываю написать про хорошие видео о директивах: Тонкости написания директив от создателя AngularJS (Misko Hevery) http://youtu.be/WqmeI5fZcho Тестирование директив (Vojta Jina) http://youtu.be/rB5b67Cg6bc

Видеоуроки по Angular.js

Объясняют базовые вещи, но владение фреймворком очень хорошее. http://egghead.io/

Что нужно учитывать при переходе с jQuery на AngularJS

Как jQuery-скриптеру перейти на AngularJS. Хороший подробный совет. http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background/15012542#15012542

Приложение на AngularJS, Node.js (Socket.io) и jQueryUI

Описание создания web-приложения для коллективной работы с «самоклеющимися записками» http://www.netmagazine.com/tutorials/angularjs-collaboration-board-socketio. В статье, конечно, есть изъяны: Слишком упрощена серверная часть Не до конца использована мощь директив Странное обновление полей модели при изменении Но при этом есть и плюсы: Подробно рассказано, как сделать законченное приложение (и клиентскую, и серверную часть) Ссылка на исходный код и демо Самое …

AngularJS. Способ внедрения кастомного кода в общий шаблон

Допустим, мы хотим динамически менять заголовок страницы и подсвечивать нужную часть меню в зависимости от текущего контроллера. Топорный способ сделать это — в каждом контроллере пихать в $rootScope переменные типа title и sitePart (для подсветки пункта главного меню). Минус — всегда есть риск забыть установить эти параметры в контроллере. Но есть другой способ, который сводится …

Пример работы с ng-class в Angular.js

Два способа менять класс в зависимости от условия:

ng:class="{true:'<название класса>', false:''}[$index==selectedIndex]"

1	ng:class="{true:'<название класса>', false:''}[$index==selectedIndex]"

ng-class="{<название класса>: $index==selectedIndex}"

1	ng-class="{<название класса>: $index==selectedIndex}"

Подробнее: http://stackoverflow.com/questions/7792652/what-is-the-best-way-to-conditionally-apply-a-class-with-angularjs А то в официальных доках на эту тему не густо(