Tag Archives: directive
AngularJS: особенности пробрасывания объектов в директиву
Есть у меня директива такого плана: <div my-selector initial-value=»{a: 1}»></div> Хотелось бы отслеживать изменения в директиве. Вот так она выглядит: directive(‘fbFieldObjectSelector’, [‘$rootScope’, function ($rootScope) { return { restrict: ‘A’, scope: { initialValue: ‘=’ }, template: ‘div’, link: function link($scope, $el, attrs) { … Самый простой способ: $scope.$watch(‘initialValue’, function (initialValue) { // @debug console.log(initialValue); $scope.selectProduct(initialValue); }); …
AngularJS: особенности ng-switch (и, возможно, ng-if)
Элементы с директивой ng-switch-when(ng-switch-default) вставляются в конец DOM. И поэтому, к примеру, список будет выводиться не в том порядке, как это задумано. В таких случаях лучше использовать ng-show/ng-hide <div ng-app ng-controller=»MyCtrl»>{{val}} <ul ng-switch=»val»> <li>1</li> <li ng-switch-when=»1″>2</li> <li>3</li> </ul> </div>
AngularJS Unknown provider: $scopeProvider <- $scope <- selectorDirective
Такая ошибка может возникнуть при создании новой директивы, особенно при выносе контроллера в директиву. Скорее всего, она возникла из-за того, что была объявлена зависимость от $scope, например: directives.directive(‘selector’, [‘$scope’, ‘GeoSelect’, function selectorGeoExtended($scope, GeoSelect) { return { restrict: ‘AE’, replace: true, scope: {}, template: ‘<div></div>’, link: function ($scope) { // @debug console.log($scope); } }; }]); Объявление …
Видео о директивах в AngularJS
Сколько уже раз забываю написать про хорошие видео о директивах: Тонкости написания директив от создателя AngularJS (Misko Hevery) http://youtu.be/WqmeI5fZcho Тестирование директив (Vojta Jina) http://youtu.be/rB5b67Cg6bc