Описание тега angular2-hostbinding

Вопросы с тегом
2 ответа

Установите параметр угловой анимации с помощью Host Binding

Я пытался установить параметр анимации, используя @HostBinding декоративный, но вроде не работает, чего мне не хватает animations: [ trigger('animateMe', [ state('void', style({ opacity: 0 })), transition(':enter, :leave', [ // void <=> * anim…
09 апр '18 в 04:59
2 ответа

Что я могу иметь как параметр для @HostBinding декоратор?

Не могу найти документацию для этого. Из примеров я получил 3 случая: @HostBinding ("attr.something") @HostBinding ("класс. Что-то") @HostBinding ("стиль. Что-то") но есть ли еще?
15 дек '16 в 20:23
1 ответ

Angular2 - HostListener/Binding с элементом NgFor

У меня есть список пользователей. Я хочу, чтобы при наведении курсора на кнопку он устанавливал *ngIf в true, а затем отображает информацию о пользователе (и false, когда курсор покидает кнопку). пользователя list.html <div *ngFor="let user of us…
31 мар '17 в 11:45
1 ответ

Как я могу добавить неизвестный класс с HostBinding?

Я хочу использовать HostBinding декоратор, чтобы добавить класс, который не может быть жестко закодирован, как @HostBinding('class.myClass'), Я знаю, что есть возможность связать это со всем class атрибут как @HostBinding('class'), но это, очевидно,…
16 окт '17 в 15:01
2 ответа

Динамически добавлять классы для размещения элементов с помощью @HostBinding в Angular?

Вопрос: Можно ли использовать @HostBinding таким образом добавлять, удалять или переключать классы на элементе хоста и не удалять ранее существующие классы, в частности, когда классы должны динамически переключаться? Например, это добавит light клас…
29 ноя '17 в 02:47
2 ответа

Установить класс Angular HostBinding css в значение с помощью функции?

У меня есть компонент, который использует @HostBinding установить класс: @HostBinding('class.dark-1') true; Который работает отлично. Однако теперь мне нужно создать функцию в моем компоненте для динамического изменения класса. Например, из dark-1 в…
17 апр '18 в 16:55
2 ответа

Угловой 6 в чем разница между @HostBinding('class') и @HostBinding('attr.class')

Я проверяю исходный код проекта Angular 6 и видел использование обоих @HostBinding('class') а также @HostBinding('attr.class'), Я изменил одну из реализаций из @HostBinding('class') в @HostBinding('attr.class') и не заметил никакой разницы в предста…
10 дек '18 в 16:18
1 ответ

Использование Angular @HostBinding внутри директивы для установки и обновления значений атрибутов на хосте

Итак, допустим, у меня есть следующая директива: <div foo></div> import { Directive, HostBinding } from '@angular/core'; @Directive({ selector: '[foo]' }); export class FooDirective { x: number; constructor() { this.x = 100; } @HostBindi…
09 авг '17 в 15:30
0 ответов

Динамическое изменение стиля псевдоэлемента в директиве Angular2

Есть ли способ динамического изменения стиля псевдоэлемента с помощью @HostBinding или другим способом в Angular2? Я написал директиву для входных значений диапазона, и я хотел бы, чтобы изменение цвета ползунка зависело от значения. export class Aw…
09 июн '17 в 10:13
0 ответов

Один и тот же ярлык привязан к нескольким кнопкам в нескольких модальных окнах

Приложение My Angular 5 показывает 3 модальных окна с кнопками. Все они имеют одну и ту же кнопку: "Подтверждение". Эта кнопка ассоциируется с одним и тем же сочетанием клавиш "ALT+C" для активации во всех окнах. Поток следующий: Я нажимаю "ALT+C" в…
21 дек '17 в 09:14
2 ответа

Применить директиву атрибута для компонента в Angular 4

Я создал компонент img-pop, который имеет @Input() bind property src. Я создал директиву authSrc, которая имеет @HostBinding() свойство src. @Component({ selector: 'img-pop', template: `<img [src]="src"/> <div *ngIf="isShow"> <----ext…
15 май '17 в 14:19
0 ответов

Угловой 6: Связывание хоста в директиве не является двухсторонним связыванием?

Я работаю над Angular 6 на довольно простом примере. Я создаю Директиву, которую я могу поместить в свои текстовые поля, чтобы они автоматически меняли размеры. Однако у меня есть проблема с использованием привязки хоста. Я хочу проверить, требуется…
10 сен '18 в 15:42
0 ответов

Динамическое присвоение нескольких значений Angular Animation @Trigger внутри элемента html с использованием Typescript

Этот вопрос о том, как мы можем динамически назначать более двух значений для триггера угловой анимации @openClose внутри элемента html. На основании угловых документов https://angular.io/guide/transition-and-triggers, <div [@openClose]="isOpen ?…
01 ноя '18 в 10:17
1 ответ

Изменить класс хоста, когда mouseenter/mouseleave на дочернем элементе шаблонов с @HostBinding в Angular 2

Есть ли способ использовать @HostBinding динамически, когда мы запускаем событие mouseeneter/mouseleave для дочернего элемента в шаблоне, то есть: в template.component.html <div class="test-btn" (mouseenter)="mouseenter()" (mouseleave)="mouseleav…
27 фев '17 в 13:45
1 ответ

Angular @Hostbinding не работает

У меня похожая проблема с @Hostbinding, как и у других вопросов, но я не смог ее решить. Мой шаблон: <main class="my_active"> <user myDirective="'false'"> </user> </main> И моя директива @Directive({ selector:'[myDirective]' …
24 апр '17 в 14:42
1 ответ

ExpressionChangedAfterItHasBeenCheckedError при передаче ширины элемента моей собственной директиве.

Я создал свою собственную директиву для заголовка таблицы (тегthead). Это делает этот заголовок таблицы "липким" (имеет фиксированное положение и виден во время таблицы прокрутки). Это выглядит так: sticky.directive.ts const NAVBAR_HEIGHT = 55; @Dir…
05 июн '17 в 11:15
1 ответ

mouseenter / mouseleave с @HostListener

Мерцание убивает меня, и после прочтения всех связанных с jQuery потоков и mdn я все еще не могу понять это. Итак, у меня есть этот @Directive для показа всплывающей подсказки, и вот как я связываю его с элементами: @HostListener('mouseenter', ['$ev…
23 ноя '18 в 21:30
0 ответов

Добавление состояния преобразования и событий преобразования с украшениями в Angular

В данный момент я использую свойство метаданных host для добавления @transform, (@transform.start) а также (@transform.end) к хосту компонента. Я хочу добавить эти события с помощью @HostBinding а также @HostListener украшения. У кого-нибудь есть ид…
12 окт '17 в 08:02
1 ответ

Angular5 - @HostBinding вместо: хост

Я читал, что лучше использовать @HostBinding вместо:host. Так что я думаю об изменении моего component.ts @Component({ host: { 'class': 'cover', '[class.uploading]': 'uploadProgress > 0', } }) Это работает нормально, но когда я изменяю его на: ex…
03 май '18 в 20:15
0 ответов

Альтернатива ElementRef - Angular

В моем приложении ng2 я использую внешнюю библиотеку, которая не раскрывает свои HTML-элементы. Я использую это как: <custom-component> <div custom-title> Title </div> <div custom-content> Content </div> </custom-com…
18 июл '17 в 16:17