Вопросы с тегом 'angularjs-directive'

Директивы AngularJS - это способ научить новые трюки HTML, расширив словарь HTML. Директивы позволяют вам управлять элементами DOM в декларативном шаблоне, освобождая вас от низкоуровневых задач манипулирования DOM.
17

В чем разница между "@" и "=" в области действия в AngularJS?

Я внимательно прочитал документацию AngularJS по этой теме, а затем попробовал директиву. Здесь fiddle. И вот некоторые соответствующие фрагменты: Из HTML: <pane bi-title="title" title="{{title}}">{{text}}</pane> В директиве панели:...
27 дек. '12 в 6:10
34

Как установить фокус на поле ввода?

Что такое способ Angular, чтобы установить фокус на поле ввода в AngularJS? Более конкретные требования: Когда открывается Modal, установите фокус на предопределенный <input> внутри этого модального файла. Каждый раз <input> станови...
12 февр. '13 в 13:08
6

Связь с компилятором и контроллером

Когда вы создаете директиву, вы можете поместить код в компилятор, функцию связи или контроллер. В документах они объясняют, что: Функция компиляции и связывания используется в разных фазах angular цикл контроллеры разделяются между директивами О...
28 мар. '13 в 7:48
8

Когда в пользу ng-if vs. ng-show/ng-hide?

Я понимаю, что ng-show и ng-hide влияют на набор классов для элемента и что ng-if управляет тем, отображается ли элемент как часть DOM. Есть ли рекомендации по выбору ng-if над ng-show/ng-hide или наоборот?
19 февр. '14 в 1:42
8

Angular директивы - когда и как использовать компиляцию, контроллер, предварительную ссылку и пост-ссылку

При написании директивы Angular можно использовать любую из следующих функций для управления поведением DOM, содержимым и внешним видом элемента, на котором объявлена ​​директива: компиляции контроллер предварительно ссылка пост-ссылка Кажется,...
07 июл. '14 в 16:13
17

Как использовать событие нажатия клавиши в AngularJS?

Я хочу поймать событие нажатия клавиши ввода в текстовом поле ниже. Чтобы сделать его более понятным, я использую ng-repeat для заполнения тела. Вот HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield"...
04 июл. '13 в 12:49
26

Как установить загрузочный активный класс с помощью Angular JS?

Если у меня есть navbar в bootstrap с элементами Home | About | Contact Как установить активный класс для каждого элемента меню, когда они активны? То есть, как я могу установить class="active", когда маршрут angular находится в #/ для дома #/...
24 апр. '13 в 18:22
6

Как получить доступ к родительской области из пользовательской директивы * с помощью собственной области * в AngularJS?

Я ищу любой способ доступа к "родительской" области действия в директиве. Любая комбинация сферы действия, переключение, необходимость, передача в переменных (или сама область) сверху и т.д. Я полностью готов наклониться назад, но я хочу избежать чег...
27 июл. '13 в 16:47
12

Каков наилучший способ условного применения атрибутов в AngularJS?

Мне нужно иметь возможность добавлять, например, "contenteditable" к элементам, на основе логической переменной в области. Пример использования: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Приведёт к доба...
29 мар. '13 в 2:25
12

Как вызвать метод, определенный в директиве AngularJS?

У меня есть директива, вот код: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new goo...
02 июн. '13 в 9:29
5

При написании директивы в AngularJS, как я могу решить, нужна ли мне новая область, новая область для детей или новая изолированная область?

Я ищу некоторые рекомендации, которые можно использовать, чтобы определить, какой тип области применения использовать при написании новой директивы. В идеале, мне бы хотелось что-то похожее на блок-схему, которая проведет меня через кучу вопросов и в...
16 февр. '13 в 19:26
11

AngularJS нг-стиль с условным выражением

Я обрабатываю свою проблему следующим образом: ng-style="{ width: getTheValue() }" Но чтобы избежать этой функции на стороне контроллера, я бы предпочел сделать что-то вроде этого: ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" Ка...
15 окт. '13 в 7:39
2

Что такое ng-transclude?

Я видел несколько вопросов о StackOverflow, обсуждающих ng-transclude, но никто не объясняет в непрофессиональных терминах, что это такое. Описание в документации выглядит следующим образом: Директива, которая маркирует точку вставки для переделан...
13 июл. '14 в 17:33
6

Как установить атрибут iframe src из переменной в AngularJS

Я пытаюсь установить атрибут src iframe из переменной, и я не могу заставить его работать... Разметка: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> &l...
18 нояб. '13 в 10:11
7

Добавить директивы из директивы в AngularJS

Я пытаюсь создать директиву, которая заботится о добавлении дополнительных директив к элементу, который он объявлен. Например, я хочу создать директиву, которая позаботится о добавлении datepicker, datepicker-language и ng-required="true". Если я...
07 окт. '13 в 11:44