angular - 成功 toastr 在解雇之前不可见（Angular 8）

Question

我正在尝试为我的网页创建一个 toastr 成功横幅。该页面在 ng-grid 中有数据，带有一个按钮组件，用于创建用于编辑网格值的模式。保存数据后，应该会弹出一个横幅，说明编辑成功。我根据此示例（https://stackblitz.com/edit/ngx-toastr-custom）制作了一个自定义吐司组件，但它没有出现。我可以单击 toast 应该在的位置，但在它被解除之前它不会变得可见，此时会发生解除动画。有没有人有这个错误的经验？我在网上找不到任何东西（如果这有帮助，我正在使用 Angular 8 和 Angular 驱动的 Bootstrap）

我尝试过使用 angular power bootstrap 文档中所示的 toastr，但唯一能让任何东西出现的东西是我在网上找到的这个自定义 toast

（由于项目的大小，我无法发布所有代码 - toastr 代码与链接中的代码相同，但有一个例外：）

toastrSuccess()
  {
    this.toastRef = this.toastr.success("Edit has been saved successfully",null,
    {
      tapToDismiss: true,
      toastClass: "toast border-green",
      closeButton: true,
      timeOut: 3000
    });
  }

标签： angulartypescriptng-bootstraptoastrangular-toastr