угловое событие js ngbdropdown на svg - PullRequest
0 голосов
/ 25 июня 2019

У меня есть следующий фрагмент кода:

<span ngbDropdown #userDropdown="ngbDropdown" (click)="onClick()">
    <svg style="width:20px;height:20px;" aria-hidden="true" focusable="false"
         data-prefix="fas" data-icon="ellipsis-v"
         class="svg-inline--fa fa-ellipsis-v fa-w-6" role="img" 
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512">
      <path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"></path>
    </svg>
    <span class="dropdown-toggle" ngbDropdownToggle>
    </span>
    <span class="dropdown-menu dropright" ngbDropdownMenu>

    </span>
</span>

Я пытаюсь прикрепить событие click onclick к элементу svg area, но по какой-то причине событие click срабатывает только тогда, когда я щелкаю стрелку раскрывающегося списка на ngbdropdown.

Как я могу прикрепить событие click к элементу svg?

Спасибо!

...