Блог

У меня было самозакрывающееся предупреждение 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;
}
  

В чем здесь должна быть проблема? Раньше он работал отлично.