как добавить привязку события crtl + click к кнопкам фан-меню в angular 6 - PullRequest
Новая
       39

как добавить привязку события crtl + click к кнопкам фан-меню в angular 6

0 голосов
/ 06 марта 2019
  • Привет всем,
  • новый для этого углового 6,
  • я потратил много времени на привязку событий этого хост-слушателя
  • я использую Fan-Menu для кнопок меню
  • Я могу получить кнопки и нажать на кнопку, затем активировать дочерние компоненты, используя (onWingSelected)
  • HTML код

`

<div id='map'></div>
<app-fan-menu class="menu-container-btn" [options]="options" 
            [gutter]="gutter"
            [startAngles]="startAngles"
            [wings]="wings" (onWingSelected) = "buttonClicked($event)">
    </app-fan-menu>
<app-button-one *ngIf="btnOneActive"></app-button-one>
<app-button-two *ngIf="btnTwoActive"></app-button-Two>
<app-button-Three *ngIf="btnThreeActive"></app-button-Three>

`

Мой компонент .ts 

@HostListener('window:keyup.esc', ['$event'])
KeyEvent() {
........... // here escape button clicked changed cursors changed to auto
....
}
@Input() btnOneActive: boolean = false;
...... etc
buttonClicked(event) {
  // now activate button component by title
  this.title = event.title;
  // calling activate true by title name
  this.activateComponent(this.title); // in method change the ngIf value
}
  • код выше работает нормально, нажимая на кнопки
  • моя цель - когда Ctrl + клик по 2-й кнопке - активировать компонент ..etc
  • как этого добиться.
  • Я пытался использовать ключевые события @HostListener, но не работал
  • а также мне нужно добиться, есть ли шанс Ctrl + событие RightClick для дочернего компонента
...