angular - 类 'ModalDirective' 错误地实现了接口(interface) 'AfterViewInit'

Question

我正在尝试向我的项目添加一个模式，所以我找到了这个库:ng2-bootstrap

我首先使用命令安装它:npm install ng2-bootstrap --save

我的类(class)看起来像:

import { Directive, ElementRef, Input, Renderer, AfterViewInit, OnDestroy } from 
@angular/core';
import { ModalModule } from 'ng2-bootstrap/ng2-bootstrap';

@Directive({
  selector: '[bsModal]',
  exportAs: 'bs-modal'
})
export class ModalDirective implements AfterViewInit, OnDestroy {
  @Input()
  public set config(conf:ModalOptions) {
    this._config = this.getConfig(conf);
  };

  @Output() public onShow:EventEmitter<ModalDirective> = new EventEmitter();
  @Output() public onShown:EventEmitter<ModalDirective> = new EventEmitter();
  @Output() public onHide:EventEmitter<ModalDirective> = new EventEmitter();
  @Output() public onHidden:EventEmitter<ModalDirective> = new EventEmitter();

}

但是我得到了这个错误:

类“ModalDirective”错误地实现了接口(interface)“AfterViewInit”

Answer 1

如果您使用implements AfterViewInit, OnDestroy，那么您需要实现接口(interface)方法

export class ModalDirective implements AfterViewInit, OnDestroy {

  ngAfterViewInit() {
  }

  ngOnDestroy() {
  }
}

如果您不需要在这些生命周期钩子(Hook)中做任何事情，那么只需删除implements AfterViewInit, OnDestroy

另请参阅:

• Lifecycle Hooks