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

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

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

Я внимательно прочитал документацию AngularJS по этой теме, а затем возился с директивой. Вот скрипка . И вот некоторые соответствующие фрагменты: Из HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Из директивы панели: scope: { biTitle: '=', title: '@', bar: '=' }, Есть...

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

Что такое «угловой способ», чтобы установить фокус на поле ввода в AngularJS? Более конкретные требования: Когда модальное окно открыто, установите фокус на предварительно определенный <input>внутри этого модального элемента. Каждый раз <input>становится видимым (например, нажав на...

529
Ссылка против компиляции против контроллера

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

451
Угловые директивы - когда и как использовать компиляцию, контроллер, pre-link и post-link [закрыто]

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме переполнения стека. Закрыто 5 лет назад . Улучшить этот вопрос При написании Angular-директивы можно...

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

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

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

Я ищу любой способ доступа к "родительской" области видимости в директиве. Любая комбинация области видимости, transclude, require, передачи переменных (или самой области видимости) сверху и т. Д. Я полностью готов отклониться назад, но я хочу избежать чего-то совершенно хакерского или не...

306
Как установить загрузочный класс Navbar с Angular JS?

Если у меня есть Navbar в начальной загрузке с элементами Home | About | Contact Как установить активный класс для каждого пункта меню, когда они активны? То есть, как я могу установить, class="active"когда угловой маршрут в #/ для дома #/about для страницы о #/contact для страницы контактов...

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

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

267
AngularJS ng-style с условным выражением

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

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

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

265
Как написать директиву в AngularJS, как мне решить, не нужна ли мне новая область, новая дочерняя область или новая изолированная область?

Я ищу некоторые рекомендации, которые можно использовать, чтобы помочь определить, какой тип области использовать при написании новой директивы. В идеале мне бы хотелось что-то похожее на блок-схему, которая проведет меня через кучу вопросов и выдаст правильный ответ - без новой новой области,...

212
Как я могу динамически добавить директиву в AngularJS?

У меня есть очень упрощенная версия того, что я делаю, и эта проблема решается. У меня все просто directive. Каждый раз, когда вы нажимаете на элемент, он добавляет еще один. Тем не менее, он должен быть скомпилирован в первую очередь, чтобы правильно отобразить. Мои исследования привели меня к...

199
Angular JS: Зачем нужна функция связи директивы, когда у нас уже был контроллер директивы с областью действия?

Мне нужно выполнить некоторые операции над областью действия и шаблоном. Кажется, что я могу сделать это либо в linkфункции, либо в controllerфункции (поскольку оба имеют доступ к области действия). В каком случае я должен использовать linkфункцию, а не контроллер?...

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

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

195
Понимание опции transclude определения директивы?

Я думаю, что это одна из самых сложных концепций для меня с помощью директивы angularjs. В документе http://docs.angularjs.org/guide/directive говорится: transclude - компилирует содержимое элемента и делает его доступным для директивы. Обычно используется с ngTransclude. Преимущество включения...

176
Когда использовать transclude 'true' и transclude 'element' в Angular?

Когда я должен использовать transclude: 'true'и когда transclude: 'element'? Я не могу ничего найти transclude: 'element'в угловых документах, они довольно запутанные. Я был бы счастлив, если бы кто-то мог объяснить это простым языком. В чем выгода каждого варианта? В чем реальная разница между...