angular - ng-bootstrap 示例从组件调用方法

Question

Angular 2 ng-bootstrap drop down下拉组件

谁能帮我找出如何将 angular2 组件与下拉列表绑定(bind)并调用打开或关闭方法..

他们没有太多的文档。

Answer 1

您可以使用 ViewChild 装饰器。在父组件中它应该看起来像这样:

import 'ViewChild' from '@angular/core'
import 'NgbDropdown' from '...';

[...]

export class ParentComponent {
  @ViewChild(NgbDropdown)
  private dropdown: NgbDropdown;

  closeDropdown() {
    this.dropdown.close();
  }
}

您可以在官方文档中阅读有关 ViewChild 的更多信息:Component Interaction | ViewChild .