Публикации по теме 'angular-directive'


Пользовательские директивы в Angular 6 - создание автозаполнения Google Places
В последнее время я много играл с Angular, и вещи, которые вначале казались ненужными, начинают обретать смысл. Angular - это хорошо продуманный фреймворк, и, хотя он очень самоуверен, он следует некоторым лучшим отраслевым практикам, когда дело доходит до структурирования внешнего интерфейса веб-приложения. Было интересно узнать, насколько много внимания уделяется повторному использованию кода как в рамках одного проекта, так и в нескольких проектах! Я хотел бы показать вам пример с..

Автоматическая прокрутка в Angular 2+ с использованием директивы
это поможет вашему вебу стать более динамичным import { Directive, OnInit, ElementRef, OnDestroy, AfterViewInit, OnChanges, Input } from ' @angular/core '; import { Subject } from 'rxjs'; import { distinct, filter, delay, first } from 'rxjs/operators'; @Directive({ selector: '[appScrollToElement]' }) export class ScrollDirective implements OnInit, OnDestroy, AfterViewInit, OnChanges { @Input () isScroll: boolean | undefined; @Input () delayMS: number | undefined;..

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

Что такое директива AngularJS?
Я потратил довольно много времени на чтение документации AngularJS и нескольких руководств, и я был весьма удивлен тем, насколько недоступна документация. У меня есть простой вопрос, на который можно ответить, который также может быть полезен...
49422 просмотров
schedule 04.11.2021

Написание директивы для существующего объекта javascript угловым способом
Я работаю над созданием директивы Angular, которая инкапсулирует viewer.js функциональность для проекта pdf.js , потому что мне очень нравится, как выглядит их средство просмотра, но я хотел бы иметь возможность передавать переменные из моих...
1123 просмотров
schedule 03.10.2021

Простая настраиваемая директива добавляет атрибут ng к элементу ввода
Я пытался создать очень простую директиву, которая проверяет, является ли атрибут my-minlength строкой (не нулем) и является ли это; добавьте атрибут ng-minlength к элементу ввода. Я чувствую, что это должно сработать, но это просто не работает....
3362 просмотров
schedule 15.10.2021

AngularJS: запретить выполнение ng-click
Это псевдокод изменяемой мной Директивы. Предположим, у меня есть следующие обработчики событий: <a my-link ng-click="foo()" foo-check="fooCheck"></a> angular.module('linkModule') .directive('mylink', function () { return...
935 просмотров

HTML анализируется с помощью $ compile, ng-model не привязывается изолированно для ng-repeat
Я создаю модуль Angular, который позволит динамически строить форму. По мере выбора элементов в модель добавляется HTML. Модель прикреплена к элементу ng-repeat . <div ng-repeat="item in list1 track by $index"> <div...
592 просмотров

Директива Angular с использованием jquery для отключения всех дочерних элементов не работает при использовании ng-include для родительского узла
У меня есть директива, которая использует jquery для отключения всех дочерних элементов внутри div. Поскольку это большая страница с множеством элементов управления, я использую ng-include, чтобы указать на другие разметки HTML. Проблема, с которой...
384 просмотров

Не понимаю postlink в директиве angular
Привет всем, я пытаюсь заполучить "расширенный" DOM ​​моей директивы. То есть я хочу иметь возможность находить элементы DOM, которые генерируются этой директивой, и управлять ими. Я думал, что это должны были делать функции link или postlink, но я...
814 просмотров

Значение не привязано в угловом компоненте настраиваемой радиокнопки
Я создал настраиваемый компонент переключателя в angular js, который будет использоваться во всем моем приложении. Ниже приведен код, который я написал для компонента. JS angular.module("customComponent") .component("ngRadiobutton", {...
643 просмотров

Как показать всплывающее окно angular bootstrap в пользовательском событии?
Я хочу отображать всплывающее окно начальной загрузки при настраиваемом событии (после загрузки данных с сервера). Я не понимаю, почему этот код не работает. JSFiddle И второй вопрос, как запускать события, если я установил replace = true ?...
944 просмотров

Как добавить SVGelement с помощью Angular TypeScript
У меня есть служба Angular, которая возвращает SVGElements , а я ' Я хочу включить их в шаблон, но мне не удается вставить их в шаблон. Я уверен, что это обычное дело, но все мои поиски в Google и RTFM не помогли мне. Вот минимальный пример...
1969 просмотров
schedule 20.09.2021

Множественный экземпляр директивы angular 4, вызванный из компонента, объединил входные значения
У меня есть компонент в angular 4, который вызывается три раза. В метаданных шаблона у меня есть div с директивой с некоторыми подобными привязками. @import {gServ} from '../gServ.service'; @Component: ({ selector: 'sr-comp', template:...
1397 просмотров

добавление Sticky FAB в материал Angular 2
Я хочу добавить липкую кнопку внизу экрана (а не на страницу) в моем проекте материалов angular 2. Я попробовал некоторые настройки, но в настоящее время, когда я прокручиваю вниз, кнопка не остается там, где должна была быть. перед прокруткой это...
8263 просмотров

angular 4: пользовательский валидатор не работает
Я взял этот пример из официального документа angular . Я заметил, что настраиваемая проверка работает с реактивными формами, но не работает с формами на основе шаблонов. Вот плункер упомянутого примера директива: export function...
2425 просмотров

Пользовательская директива angular 6 для раскрывающегося меню не работает
Я создал специальную директиву, используя Angular 6, чтобы открывать и закрывать раскрывающееся меню, прослушивая событие щелчка. К сожалению, когда запускается событие щелчка, раскрывающийся список не открывается. Я пробовал использовать журналы,...
1098 просмотров

как правильно использовать dotdotdot для переполнения текста в angular 5?
Я хотел бы создать директиву, которая применяется ... при переполнении. Я использовал плагин dotdotdot jQuery в прошлом, но он не работает в angular 5. До сих пор я создал директиву DotdotdotDirective с селектором [appDotdotdot], как показано...
10131 просмотров

Могу ли я объявить директиву в модуле и использовать ее только в компонентах этого модуля?
Приложение My Angular (v7) состоит из нескольких модулей. У меня есть AppModule , содержащий основные части приложения, и несколько отдельных модулей, которые предоставляют редко используемые части приложения. (Я не пока загружаю эти другие...
39 просмотров

Как получить строку пути привязки компонента Angular?
Самый простой и полный пример можно найти здесь: https://stackblitz.com/edit/angular-gbenfj Нам нужен простой компонент, который выполняет 4 действия на основе пути привязки: отображать значение на входе добавить i18n Скрытие...
250 просмотров

Как изменить цвет всех компонентов с помощью данной директивы, когда пользователь выбирает другую тему?
Я создаю онлайн-конструктор документов, используя angular 4. У меня есть такие директивы, как my-header, my-subheader, которые будут применяться к компонентам angular, и они управляют свойством CSS компонента, таким как жирный шрифт, размер шрифта и...
362 просмотров
schedule 23.10.2021

Директива Angular не работает в динамически загружаемом компоненте
Я попытался загрузить компонент динамически, контент загружается, но пользовательские директивы не работают, на что я ссылался Динамически загружать шаблон Angular 4 с использованием существующего компонента и модуля И эта ссылка кажется...
1041 просмотров
schedule 21.11.2021

Повторное использование содержимого Angular ngb-tabs на нескольких вкладках с ngTemplateOutlet или чем-то еще
Я использую Angular ng-tabset для отображения некоторых вкладок. Моя вкладка ngb выглядит примерно так: <ngb-tab id="mytabs"> <ng-template ngbTabTitle> <div data-locator="xxxe">yyy</div>...
334 просмотров