angular - Angular 2 ng-bootstrap ngbAlert エラー

Question

として実装された自己終了 ng-bootstrap アラートがありました

<span *ngFor="let alert of alerts">
    <template ngbAlert [dismissOnTimeout]="5000" [type]="alert.type"><span [innerHTML]="alert.message"></span></template>
</span>

そして、それはうまく機能していました。しかし、新しいプロジェクトを開始してこのコンポーネントをそのままコピーすると、今は

    Promise rejection: Template parse errors:
Can't bind to 'dismissOnTimeout' since it isn't a known property of 'template'.

必要に応じて、ここに私の ts ファイルがあります

import { Input, Component } from '@angular/core';

@Component({
  selector: 'ngbd-alert-closeable',
  templateUrl: './client/app/html/components/alert-closeable.html',
  styleUrls: ['./client/app/css/components/alert-closeable.css']
})
export class NgbdAlertCloseable {

  @Input()
  public alerts: Array<IAlert> = [];

  public addSuccess(msg: string, alert: IAlert) {
    this.alerts.push({
      type: 'success',
      message: msg
    });
  }

  public addInfo(msg: string, alert: IAlert) {
    this.alerts.push({
      type: 'info',
      message: msg
    });
  }

  public addWarning(msg: string, alert: IAlert) {
    this.alerts.push({
      type: 'warning',
      message: msg
    });
  }

  public addDanger(msg: string, alert: IAlert) {
    this.alerts.push({
      type: 'danger',
      message: msg
    });
  }

}

interface IAlert {
  type: string;
  message: string;
}

ここで何が問題になるはずですか？以前はうまく機能していました。