Описание тега angular-renderer2
Класс Renderer2 - это абстракция, предоставляемая Angular в виде службы, которая позволяет манипулировать элементами вашего приложения, не касаясь напрямую DOM.
1
ответ
Угловой 5 удалить класс от братьев и сестер
Я пытаюсь создать навигационную панель с несколькими гиперссылками в угловых. Я хочу добавить класс "активный" при нажатии / наведении любой из гиперссылок и удалить "активный" класс из его родных элементов. Я пытаюсь сделать это, создав пользовател…
16 май '18 в 09:35
2
ответа
Пользовательские свойства CSS Angular 2+ (переменные) с помощью Renderer
Я пытаюсь преобразовать код JavaScript Vanilla в Angular 2+. В Javascript у меня есть такое утверждение: document.documentElement.style.setProperty(`--${cssVariableName}`, value); В Angular единственный способ повторить вышеприведенное утверждение -…
14 июн '18 в 13:19
1
ответ
Неправильные координаты HTML-элементов, полученных в компонентах
Я добавил настраиваемую подсказку к диаграмме SVG в элементе гридстера (все примеры приведены на стекаблице). Координаты подсказки (div) получаются с помощью nativeElement и установить с помощью Renderer2 ( тривиальный пример - подсказка div смещена…
31 янв '19 в 11:01
1
ответ
Подсказка как динамический компонент
Я хочу добавить всплывающую подсказку к элементу svg, но как компонент, созданный динамически. Я добавляю подсказку к элементу, используя TooltipDirective на элемент SVG т.е. <circle tooltip [hostContainerRef]="chartContainerRef" [hostElement]=""…
04 фев '19 в 16:24
1
ответ
Как угловые значения реактивной формы влияют на дом?
Я создаю угловое (реактивные формы) приложение-мастер 6/7. Это приложение будет использоваться на платформе электронной коммерции (например, Shopify, WordPress), чтобы заменить страницу продукта платформы по умолчанию. Приложение использует радиовхо…
09 янв '19 в 17:33
1
ответ
Как правильно реализовать стороннюю библиотеку, которая управляет Dom?
Я использую стороннюю библиотеку для визуализации виджета на экране (SignInWidget от Okta). Вид рендеринга выглядит так: this.oktaSignInWidget.renderEl( { el: '#widget-container' }, () => {}, err => { console.error(err); } ); Моя первоначальна…
31 дек '18 в 18:02
0
ответов
Angular 6: Renderer 2 - рендеринг пользовательских компонентов с использованием Renderer2 не работает
У меня есть один пользовательский угловой компонент <sample-cmp></sample-cmp> Его содержимое не отображается в браузере, когда оно добавляется в DOM через Renderer2. Найдите следующий код, который я использую для рендеринга пользовательс…
31 янв '19 в 05:07
1
ответ
Как применить стиль с использованием Renderer2 к дочернему узлу ElementRef -> nativeElement в Angular
Предположим, у меня есть следующий угловой шаблон: <p class="margin0 text-overflow table-cell" #ParentP> <span id="managerDisplayName" #FirstSpan class="bold" title="{{ someBinding 1}}">{{ someBinding2 }}</span> <span id="region…
05 июл '18 в 09:58
2
ответа
Angular 6 Renderer2/3 - как добавить класс к элементу?
//Parent Component html: <div class="modal" id="modal" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <router-outlet> </router-outlet>…
30 окт '18 в 09:22
1
ответ
Angular Renderer2 remove listener оставляет EventListeners в памяти - утечка памяти?
У меня есть 3 слушателя событий в директиве, которые я добавляю и удаляю при переключении кнопки и удаляю private addListeners() { this.mouseLeaveFunc = this.renderer.listen(this.el.nativeElement, 'mouseleave', () => { }); this.mouseEnterFunc = t…
31 окт '18 в 10:53
1
ответ
ngStyle VS Renderer2? Что я должен использовать?
Я использую Angular 5.2.9. Мне было интересно, когда я должен использовать Renderer2 поверх ngStyle? Какое решение является лучшим? 1:<div #div>FOO BAR</div> @ViewChild('div') div: ElementRef; constructor(private renderer: Renderer2) {} …
05 май '18 в 19:14
2
ответа
Угловой список доступа 5 div с использованием @ViewChildren
Я хочу получить все div, начиная с id 'div'. Для этого я использую @ViewChildren, но я не могу получить доступ к div, потому что у меня есть пустой массив, почему? Мой шаблон <div id="div-1">Div 1</div> <div id="div-2">Div 2</di…
26 окт '18 в 21:38
1
ответ
Angular - Renderer2: Как установить атрибут без значения?
В Set Attribute Without value есть пост, который предлагает хорошее решение, используя $('body').attr('data-body',''); Однако в моем текущем ионном проекте я использую API Renderer2 от Angular для управления DOM, и у меня есть требование динамически…
23 июл '18 в 06:29
2
ответа
Angular 4 добавление изображения перед каждой новой строкой с использованием рендерера
Я пытаюсь добавить изображение перед каждой новой строкой, поэтому я могу добиться этого Apple Ball Cat Dog но я хочу добавить изображение раньше в каждой новой строке (img) Apple (img) Ball (img) Cat (img) Dog Код this.tooltipTitle = "Apple,Ball,Ca…
17 янв '19 в 09:15
0
ответов
При загрузке одного и того же компонента с другими данными старые данные по-прежнему отображаются - Angular 5
В приложении Angular 5, которое я создаю, у меня есть боковое меню и главное меню контента. Два элемента меню слева загружают один и тот же компонент с разными данными маршрута. По умолчанию Angular использует один и тот же экземпляр компонента для …
01 авг '18 в 12:16
0
ответов
Как добавить иконку FontAwesome5 с помощью Angular Renderer2?
Я хочу добавить иконку Fontawesome 5 в DOM, используя Angular Renderer2 в директиве. Это не похоже на связывание, когда я делаю это так: const span = this.renderer.createElement('span'); this.renderer.addClass(span, 'icon'); const faIcon = this.rend…
06 ноя '18 в 23:35
2
ответа
Добавление фрагмента HTML к представлению в Angular 6
Я получаю html-код из http-запроса во внешнюю систему, и я должен показать это на моем виде в моем угловом приложении. чтобы быть аккуратным, это HTML-фрагмент, который я должен показать (он будет немного отличаться при каждом запросе и ответе) <…
23 авг '18 в 07:20
1
ответ
Angular 6 Как добавить и удалить класс с помощью Angular Renderer2
Я пытаюсь использовать угловой Renderer2 для добавления и удаления класса в шаблоне HTML. Здесь я сталкиваюсь с трудностями: добавить класс после загрузки компонента Только выбранный предмет должен иметь класс Я создал демо-версию в stackblitz. Пожа…
13 янв '19 в 05:29
1
ответ
Отключение моей директивы Angular 6 от DOM
Я разработал директиву "Привязка к компонентам", которая прекрасно работает в Firefox, к сожалению, она тесно связана с DOM, который на самом деле не является "de Angular wey". Как мне это отделить? Я посмотрел на Renderer2, который будет постепенно…
13 июл '18 в 02:20
1
ответ
Добавлена кнопка в текстовой области через renderer2 в директиве, но она не видна в браузере, хотя я вижу ее в консоли
Я пытаюсь добавить кнопку к текстовой области динамически через renderer2, в директиве. Но кнопка не видна. Ниже мой кодекс директивы @Directive({ selector: '[appMain]' }) export class MainDirective { @Input() initial: string; inText: string; constr…
07 июн '18 в 06:36