Обработчик щелчков ng-bootstrap не работает в выпадающем списке - PullRequest
Новая
       28

Обработчик щелчков ng-bootstrap не работает в выпадающем списке

0 голосов
/ 20 сентября 2019

У меня есть раскрывающееся меню кнопок, которое я непосредственно скопировал из этого примера ng-bootstrap .

Раскрывающийся список работает, но если добавить обработчик щелчка к раскрывающимся кнопкам следующим образом, онне срабатывает при нажатии кнопки: 

    <div ngbDropdown class="d-inline-block">
      <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
      <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
        <button ngbDropdownItem click="clicked()">Not Me</button>
        <button ngbDropdownItem click="clicked()">Me neither</button>
        <button ngbDropdownItem click="clicked()">Nor me</button>
      </div>
    </div>

Вот пример Stackblitz , разветвленный из исходного примера.

Я что-то действительно глупо делаю?Заранее спасибо.

1 Ответ

1 голос
/ 20 сентября 2019

click должен быть заключен в квадратные скобки: 

<div ngbDropdown class="d-inline-block">
  <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
    <button ngbDropdownItem (click)="clicked()">Not Me</button>
    <button ngbDropdownItem (click)="clicked()">Me neither</button>
    <button ngbDropdownItem (click)="clicked()">Nor me</button>
  </div>
</div>

Также убедитесь, что вы реализовали метод clicked() в своем компоненте

...