Запитання з тегом «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? Більш конкретні вимоги: Коли Modal відкрито, встановіть фокус на заздалегідь визначеному <input>всередині цього Модалу. Щоразу <input>стає видно (наприклад, натиснувши якусь кнопку), встановіть фокус на ній. Я намагався досягти першої вимоги за допомогою autofocus, але це працює лише тоді, коли Modal …

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 років тому . Під час написання кутової директиви можна використовувати будь-яку з наступних функцій для маніпулювання поведінкою, вмістом та виглядом DOM …

451 angularjs  angularjs-directive 

Я хочу зафіксувати подію натискання клавіші клавіші в текстовому полі нижче. Щоб зробити це більш зрозумілим, я використовую a, 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 …

410 angularjs  angularjs-directive  angular-ui 

Я шукаю будь-який спосіб доступу до "батьківського" сфери в рамках директиви. Будь-яка комбінація сфери застосування, включення, вимагає, передання змінних (або самої області) зверху і т. Д. Я цілком готовий нахилитися назад, але хочу уникнути чогось абсолютно хакітного чи незрозумілого. Наприклад, я знаю, що я міг би це зробити прямо зараз, …

327 angularjs  angularjs-directive 

Якщо я маю навбар у завантажувальній програмі з елементами Home | About | Contact Як встановити активний клас для кожного пункту меню, коли вони активні? Тобто, як я можу встановити, class="active"коли знаходиться кутовий маршрут #/ для дому #/about для сторінки 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 найближчої батьківської директиви, яка використовує переключення. Це досить заплутано. Чи зможе хтось простим словом пояснити, що призначено робити ng-transclude і …

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