ng-bootstrap 单击处理程序在下拉列表中不起作用

Question

我有一个按钮下拉菜单，我直接从 this ng-bootstrap example 复制了它。

下拉菜单有效，但如果按如下方式向下拉按钮添加点击处理程序，则点击按钮时它不会触发：

    <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 example。

我是不是在做傻事？提前致谢。

Answer 1

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()

ng-bootstrap 单击处理程序在下拉列表中不起作用

ng-bootstrap click handler not working in dropdown

bootstrap-4

ng-bootstrap

angular