Публикации по теме '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 просмотров
schedule
16.09.2021
HTML анализируется с помощью $ compile, ng-model не привязывается изолированно для ng-repeat
Я создаю модуль Angular, который позволит динамически строить форму.
По мере выбора элементов в модель добавляется HTML. Модель прикреплена к элементу ng-repeat .
<div ng-repeat="item in list1 track by $index">
<div...
592 просмотров
schedule
25.10.2021
Директива Angular с использованием jquery для отключения всех дочерних элементов не работает при использовании ng-include для родительского узла
У меня есть директива, которая использует jquery для отключения всех дочерних элементов внутри div. Поскольку это большая страница с множеством элементов управления, я использую ng-include, чтобы указать на другие разметки HTML. Проблема, с которой...
384 просмотров
schedule
16.11.2021
Не понимаю postlink в директиве angular
Привет всем, я пытаюсь заполучить "расширенный" DOM моей директивы. То есть я хочу иметь возможность находить элементы DOM, которые генерируются этой директивой, и управлять ими. Я думал, что это должны были делать функции link или postlink, но я...
814 просмотров
schedule
19.10.2021
Значение не привязано в угловом компоненте настраиваемой радиокнопки
Я создал настраиваемый компонент переключателя в angular js, который будет использоваться во всем моем приложении. Ниже приведен код, который я написал для компонента.
JS
angular.module("customComponent")
.component("ngRadiobutton", {...
643 просмотров
schedule
28.09.2021
Как показать всплывающее окно angular bootstrap в пользовательском событии?
Я хочу отображать всплывающее окно начальной загрузки при настраиваемом событии (после загрузки данных с сервера). Я не понимаю, почему этот код не работает. JSFiddle
И второй вопрос, как запускать события, если я установил replace = true ?...
944 просмотров
schedule
10.09.2021
Как добавить 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 просмотров
schedule
04.10.2021
добавление Sticky FAB в материал Angular 2
Я хочу добавить липкую кнопку внизу экрана (а не на страницу) в моем проекте материалов angular 2. Я попробовал некоторые настройки, но в настоящее время, когда я прокручиваю вниз, кнопка не остается там, где должна была быть.
перед прокруткой это...
8263 просмотров
schedule
23.10.2021
angular 4: пользовательский валидатор не работает
Я взял этот пример из официального документа angular . Я заметил, что настраиваемая проверка работает с реактивными формами, но не работает с формами на основе шаблонов.
Вот плункер упомянутого примера
директива:
export function...
2425 просмотров
schedule
08.11.2021
Пользовательская директива angular 6 для раскрывающегося меню не работает
Я создал специальную директиву, используя Angular 6, чтобы открывать и закрывать раскрывающееся меню, прослушивая событие щелчка. К сожалению, когда запускается событие щелчка, раскрывающийся список не открывается. Я пробовал использовать журналы,...
1098 просмотров
schedule
21.09.2021
как правильно использовать dotdotdot для переполнения текста в angular 5?
Я хотел бы создать директиву, которая применяется ... при переполнении. Я использовал плагин dotdotdot jQuery в прошлом, но он не работает в angular 5.
До сих пор я создал директиву DotdotdotDirective с селектором [appDotdotdot], как показано...
10131 просмотров
schedule
16.11.2021
Могу ли я объявить директиву в модуле и использовать ее только в компонентах этого модуля?
Приложение My Angular (v7) состоит из нескольких модулей. У меня есть AppModule , содержащий основные части приложения, и несколько отдельных модулей, которые предоставляют редко используемые части приложения. (Я не пока загружаю эти другие...
39 просмотров
schedule
20.09.2021
Как получить строку пути привязки компонента Angular?
Самый простой и полный пример можно найти здесь: https://stackblitz.com/edit/angular-gbenfj
Нам нужен простой компонент, который выполняет 4 действия на основе пути привязки:
отображать значение на входе
добавить i18n
Скрытие...
250 просмотров
schedule
01.12.2021
Как изменить цвет всех компонентов с помощью данной директивы, когда пользователь выбирает другую тему?
Я создаю онлайн-конструктор документов, используя 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 просмотров
schedule
18.11.2021