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

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

1067 angularjs  angularjs-directive  angularjs-scope  isolated-scope 

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

759 angularjs  angularjs-directive 

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

529 angularjs  angularjs-directive 

Я понимаю это ng-showи ng-hideвлияю на набор классов для элемента, и это ng-ifконтролирует, отображается ли элемент как часть DOM. Существуют ли рекомендации по выбору ng-ifболее ng-show/ ng-hideили наоборот?

516 angularjs  angularjs-directive 

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

451 angularjs  angularjs-directive 

Я хочу поймать событие нажатия клавиши ввода в текстовом поле ниже. Чтобы было понятнее, я использую ng-repeatдля заполнения текст. Вот HTML-код: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> Это мой модуль: angular.module('components', ['ngResource']); Я использую ресурс для заполнения таблицы, и мой код контроллера: function Ajaxy($scope, $resource) { …

410 angularjs  angularjs-directive  angular-ui 

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

327 angularjs  angularjs-directive 

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

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

У меня есть директива, вот код: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new …

297 angularjs  angularjs-directive 

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

296 angularjs  angularjs-directive 

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

267 angularjs  angularjs-directive 

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

266 angularjs  angularjs-directive  transclusion 

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

265 angularjs  angularjs-directive  angularjs-scope 

Я пытаюсь установить srcатрибут iframe из переменной, и я не могу заставить его работать ... Разметка: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> Контроллеры / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" …

214 javascript  html  angularjs  iframe  angularjs-directive 

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

212 angularjs  angularjs-directive  dynamically-generated