Популярные вопросы по тегу ANGULARJS-DIRECTIVE
Как ограничить ввод только числами?
... лем во ввод. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Проблема 5 в том, что мне нужно настроить таргетинг 4 на ввод, вызвавший numbersOnly(), чтобы я мог удалить 3 введенные буквы. Я ...
Автозаполнение Google Адресов не отображается
... '<input id="google_places_ac" name="google_places_ac" type="text" class="input-block-level"/>', link: function($scope, elm, attrs){ loadGmaps().then(function(){ var autocomplete = new google.maps.places.Autocomplete($("#google_places_ac")[0], {}); console.log(autocomplete); google.maps.event.addListener(autocomplete, 'place_changed', function() { var place = au ...
Что такое ng-transclude?
... тся ng-transclude, но ни 8 один из них не объясняет, что это такое, понятным 7 языком. Описание в документации выглядит 6 следующим образом: Директива, которая отмечает 5 точку вставки для включенной DOM ближайшей 4 родительск ...
Обновление угловой директивы при изменении параметра
... , которая инициализирована 7 так: <conversation style="height:300px" type="convo" type-id="{{some_prop}}"></conversation> Я бы хотел, чтобы он был достаточно 6 умен, чтобы обновлять директиву при изменении 5 ...
Как вызвать метод, определенный в директиве AngularJS?
... irectionsRenderer() var showDirections = function(dirResult, dirStatus) { if (dirStatus != google.maps.DirectionsStatus.OK) { alert('Directions failed: ' + dirStatus); return; } // Show directions dirRenderer.setMap(map); //$scope.dirRenderer.setPanel(Demo.dirC ...
Добавление и удаление дополнительного класса в моем теге элемента
... #/portfolio" title="Portfolio" class="scroll"> тогда, если я щелкну 6 ссылку портфолио, он также добавит "включенный" класс 5 и удалит включенный класс из тега привязки 4 служб <a href="#/services" title="Services" class="scroll"> <a href="#/portfolio" title=" ...
Очистить фильтр в аг-сетке на вкладке изменен
... fs: columnDefs, rowData: null, angularCompileRows: true, enableSorting: true, enableColResize: true, enableFilter: true, rowHeight: 35, rowSelection: 'single', onSelectionChanged: onSelectionChanged, isExternalFilterPresent: i ...
Найти дочерний элемент в директиве AngularJS
... llable = element.find('div.list-scrollable'); ... } }; }) Я 6 могу найти его по имени тега, но он не может 5 найти его по имени класса, как я вижу в 4 консоли: element.find('div') [<div class="list-viewport">…</div>,<div class="list-scrollable">…</div>] element.find('div.list-scrollable') [] Что было бы прави ...
Как установить динамически высоту элемента?
... скажу 10 вам, что в моей демонстрации я использую 9 статическое или постоянное значение высоты. Я 8 использую постоянное значение 250 пикселей #wrapper{ background-image: url(https://dl.dropboxusercontent.com/s/nz1fzunlqzzz7uo/login_bg.png?dl=0); min-height: 250px; background-repeat: no-repeat; } Но мне нужно 7 динамически добавлять эту высоту. Я получил 6 высоту от ...
В чем разница между ng-class и ng-style?
... установки 1 классов CSS. В чем разница меж ...
AngularJS ng-style с условным выражением
... едующим образом: ng-style="{ width: getTheValue() }" Но 3 чтобы избежать использования этой функции 2 на стороне ко ...
from Date Я просто хочу вычесть 1 день в javascript / angularjs
... к я могу этого добиться. мой 1 код: var temp =new Date("October 13, 2014 22:34:17"); console.log(new Date(temp-1)); т ...
Пользовательская директива AngularJS с двусторонней привязкой
... twoway="counter">Click Me</button> <p>Click Count: {{ counter }}</p> С помощью директивы, которая 9 назначает счетчик кликов выражению в двухстороннем 8 атрибуте: .directive('twoway', [ '$parse', function($parse) { return { scope: false, link: function(scope, elem, attrs) { elem.on('click', function() { var current = scope.$eval(attrs.twoway) || ...
Ng-init через функцию
... {name:'Mary', phone:'800-BIG-MARY'}, {name:'Mike', phone:'555-4321'}, {name:'Adam', phone:'555-5678'}, {name:'Julie', phone:'555-8765'}, {name ...
Как использовать два события onItemSelect и onItemDeselect в AngularJS Dropdown Multiselect
... t;></div> Обновить Я пробовал 2 вот так с разделителем запятой, но получил 1 ошибку <div ng-dropdown-multiselect="" options="property.dropdowns" selected-model="property.propertyValues" extra-settings="multiSelectDropdownSettingsMaxOne" ng-required="property.startDa ...
Как использовать встроенный канал даты angular2 в файлах сценариев служб и директив
... TML). Есть ли у кого-нибудь идеи? Не 2 могу загрузить код из-за некоторых ограничений 1 полити ...
Что такое параметр включения в определение директивы?
... области. true - включить содержимое директивы. 'element' - включить весь элемент, включая любые директивы, определенные с более низким приоритетом. В 5 нем говорится, что transclude обычно используется 4 с ngTransclude. Но пример из документа ngTransclude вообще не использует 3 директиву ngTransclude. Мне нужны хорошие примеры, которые 2 помогут ...
Angular.js директива динамический templateURL
... t;</hymn> Существует несколько версий гимна, в 5 зависимости от того, какая это неделя и 4 день. Я ожидал использовать директиву для 3 заполнения правильной части .html. templateUrl не читает 2 переменную emanuel.directive('hymn', function() { var contentUrl; return { restrict: 'E', link: function(scope, e ...
Когда использовать двойные фигурные скобки {{}} в angularJS
... g-repeat="appModule in applicationModules" id="{{appModule.Name}}" ng-class="{ 'selected' : selectedAppModule == '{{appModule.Name}}' }" ng-click="menuClicked(appModule.Name)"> <a href="#Content/{{appModule.Name}}">{{appModule.Display}}</a> </li> </ul> Обратите 4 внимание, как в директиве ng-class использую ...
Как исправить Angular, который не использует явную аннотацию и не может быть вызван в строгом режиме
... at the mouse capture applies to, defaults to 'document' // unless the 'mouse-capture' directive is used. // var $element = document; // // Set when mouse capture is acquired to an object that contains // handlers for 'mousemove' and 'mouseup' events. // var mouseCaptureConfi ...
Как установить атрибут src iframe из переменной в AngularJS
... усто. Обновление 1: Я ввел зависимость $sce в AppCtrl, и 16 $ sce.trustUrl() теперь работает без ошибок. Однако 15 он возвращает TrustedValueHolderType, который я не уверен, как 14 использовать для вставки фактического URL-адреса. Тот 13 же тип возвращается независимо от т ...
Отключить ng-click при определенных условиях применения для всех типов элементов
... t;a ng-click="DoSomething()"/> <button ng-click="DoSomethingElse()">xyz</button> <span ng-click="DoSomething()"></span> Теперь 16 в моем приложении в определенных сценариях 15 я хочу, чтобы выполнялось поведение ng-click 14 по умолчанию, но в определенных сценариях 13 я хочу полност ...
Эквивалент AngularJS для Angular ng-container
... items"> <td>{{ item.a }}</td> <td>{{ item.b }}</td> </ng-container> </tr></table> В 13 дереве DOM не должно быть дополнительного 12 уровня, и вместо этого элементы <td> должны 11 быть прямыми дочерними элементами элемента 10 <tr>. Аналогичная проблема существует со списками 9 HTML, особенно со списком определений, где 8 элементы &l ...
Если «ng-template» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» к этому компоненту, чтобы подавить это сообщение. ("[ОШИБКА ->] <ng-шаблон>
... , schemas: [ CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA ] }) ПАКЕТЫ.JSON "dependencies": { "@angular/common": "2.2.1", "@angular/compiler": "2.2.1", "@angular/core": "2.2.1", "@angular/forms": "2.2.1", "@angular/http": "2.2.1", "@angular/platform-browser": "2.2.1", "@angul ...
Как добавить несколько условий к "ng-disabled"?
... .pw2.$error.pwMatch" class="btn btn-primary" ng-click="ChangePassword()">Change</button> Этот 3 пример содержит только одно условие в ng-disabled. ...
Угловой поиск значения в JSON и отображение соответствующих данных
... alert("Searching for = " + enteredValue); $scope.MyData = []; getDataService.getData(function(data) { $scope.MyData = data.SerialNumbers; }); } }); angular.module('myApp', []).factory('getDataService', function($http) { return { getData: function(done) { $http.get('/route-to-data.json') .success(function(data) { done(data); ...
Angular 7: невозможно привязать к 'директиве', поскольку это не известное свойство 'element'
... ботает. Если вам нужна дополнительная 2 информация об ошибке, просто спросите. Я 1 не знаю, что происходит. app.component.html <input class="text" [appInputFormat]> input-format.directive.ts [![import { Directive, HostListener } from '@angular/core'; @Directive({ selector: '[appInputFormat]' }) export class InputFormatDirective { constructor(){}; @HostListener('focus') onFocus(){ console.log('on Focus'); ...
Необязательный параметр в угловой директиве
... fooDirective', function() { return { restrict: 'AE', scope: { param1: '=', param2: '=' // optional array }, template: //... "<div ng-class='defineClass()'> Message </div>" //... controller: function($scope) { if (typeof $scope.param2 === 'undefined') $scope.param2 = []; console.log($scop ...
Преобразование миллисекунд в дату в формате ДД / ММ / ГГГГ в angularjs
... лисекундах, но хочу отображать ее в 1 формате «ДД / ММ / ГГГГ». Как это ...
Получить исходный элемент из ng-click
... <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Я обрабатываю события 8 щелчка в функции foo в своей директиве, передавая 7 $event в качестве ссылки на объект, на который 6 был выполнен щелчок, но я получаю ссылку 5 на тег img, а не на тег li. Затем мне нужно сделать 4 что-то подобное, чтобы получить li: $scope.foo = function($event, team) { var el = (function(){ if ($ ...
Как установить активный класс начальной панели навигации с помощью Angular JS?
... гда 2 они активны? То есть, как я могу установить 1 class="active", когда угловой маршрут находится в #/ для дома #/about для страницы с информацие ...
Форматированное представление ввода числа AngularJS
... льзовал: http://jsfiddle.net/LCZfd/3/ Когда 4 я использую input type="text", он работает, но когда я хочу 3 использовать input type=& ...
Angular ng-repeat groupBy и сохранить порядок
... этих групп по категориям. Возможно ли это? Я 1 пробовал вот так: <div ng-repeat="(key, value) in tags.tags.objects | groupBy:'category.name' | orderBy:'category.order' "> Но это не имеет значения ...
console.log Область действия директивы Angular выводит "[объект объекта] Нет свойств
... о 4 объекта $ scope или scope. Вывод в Chrome 3 - это детализированный объект. Однако, когда 2 я делаю то же самое, Chrome выводит: [object Object] No Properties Использование 1 console.dir имеет то ...
Как потребовать контроллер в директиве angularjs
... другую директиву 5 angularJS. например, у меня есть следующий 4 код var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId' ...
Передача логического значения в директиву
... scope: { readOnly:'@' }, link: { pre:function(scope, tElement, tAttrs) {}, post:function(scope, tElement, tAttrs) {}; } } }; }]); Это работает в следующих 4 случаях: <!-- element rendered in single-view-card is hidden --> <div single-view-card read-only ...
Как скопировать значения, присутствующие в аг-сетке
... 3 / данные в выбранную ячейку. Я пытался скопировать 2 значение с помощью ctrl + c, но оно не работает, есть 1 ли дру ...
Почему я не могу установить высоту элемента в стиле ng?
... на 3, но это не работает. Вот 2 где я установил высоту: <div id="wrapper" ng-style="height :hgt+'px'"> Я устанавливаю переменную 1 области следующим образом: $scope.hgt = $window.innerHeight / 3; Но ...
Как использовать определенный текст / ng-шаблон в директиве AngularJS
... ng-repeat="value in values"> <a ng-click="doSomething(value.id)"> {{value.name}} </a> </li> </ul> </script> Я установил этот 9 шаблон в своей директиве <div my-directive my-direct ...
Может ли директива angular передавать аргументы функциям в выражениях, указанных в атрибутах директивы?
... directive. Существует 7 ли угловое выражение, которое позволяет 6 это: $scope.callback(arg2), в результате чего callback вызывается с помощью 5 arguments = [item.id, arg2]? Если нет, как лучше всего это сделать? Я 4 обнаружил, что это работает: <directive ng-repeat = "item in stuff" callback = "callback" callback-arg="item.id"/> С scope { call ...
Диалог подтверждения при нажатии ng - AngularJS
... function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval( ...
Как лучше всего условно применять атрибуты в AngularJS?
... обавлению contenteditable = true к элементу, если 6 для $scope.editMode установлено значение true. Есть ли какой-нибудь 5 простой способ реализовать это поведение 4 атрибута ng-class? Я подумываю написать 3 директиву и поделиться ею, если не ...
Панель изменения размера для sidenav в угловом материальном дизайне.
... Я пробовал следовать 4 приведенному выше примеру с плунжером, но 3 боковая навигация так и не изменилась. Правая 2 панель перемещается вправо, но левая панель 1 остается без изменений. <div layout="row" flex> <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z ...
Угловое, поле ввода с директивой маски валюты для денежного формата на лету
... .directive('currencyInput', function() { return { require: '?ngModel', link: function($scope, element, attrs, controller) { element.priceFormat({ prefix: '', centsSeparator: ',', thousandsSeparator: '.' }); } }; }); Мой ввод 4 правильно показывает значение с маской, но 3 в данных POST (вызываемых angular) это другое 2 зна ...
Как разрешить ввод только числа (цифр и десятичной точки) во входных данных?
... р, пользователь 5 может ввести «1,25», но не может ввести 4 «1.a» или «1 ..». Когда пользователь пытается 3 ввести следующий символ, что делает его 2 недопустимым числом, он не може ...
Директива AngularJS, связывающая функцию с несколькими аргументами
... Мой код выглядит следующим 5 образом: В моем контроллере: $scope.handleDrop = function ( elementId, file ) { console.log( 'handleDrop called' ); } Тогда моя директива: .directive( 'myDirective', function () { return { scope: { onDrop: '&' }, link: function(scope, elem, attrs) { var myFile, elemId ...
Angular2 - поле ввода для приема только чисел
... как простое 6 текстовое поле или как числовое поле, например, для 5 отображения года. Используя Angular 2, как 4 я могу использовать тот же элемент управления 3 вводом и применить какой-то фильтр / маску 2 к этому полю, чтобы оно принимало только 1 числа? Какими способами я могу этого добиться? Примечание. Для этого мне нужно использовать только текстовое поле, ...
Директива AngularJS не обновляется при изменении переменной области видимости
... layoutDefault">My cool content</div> Поскольку макет 11 "По умолчанию" имеет следующий код: <div class="layoutDefault">{{content}}</div> Вот код 10 директивы: app.directive('layout', function($http, $compile){ return { restrict: 'E', link: function(scope, element, attributes) { var layoutName = (angular.isDefined(attributes.name)) ? attributes.name : 'Default'; ...
angular ng-if или ng-show медленно реагирует (2-секундная задержка?)
... ng" class="ion-refreshing"></span> </button> Это 7 работает нормально, но значок загрузки (ионное 6 обновление) отображается около 2 секунд, а 5 переменная $ scope обновляется немедленно. Я 4 попробовал $ scope. $ Apply, но, похоже, что 3 здесь не так, область обновляется сразу 2 после запроса. Просто значок не ре ...
Ошибка: [$ rootScope: inprog] $ дайджест уже выполняется
... мне избежать 4 этой ошибки, вот мой код: app.directive("autoSubmit", function(){ return { link: function(scope, element, attrs){ scope.$watch("valid", function(){ if(scope.valid == 1) { console.log("se ...