ngx-toastr，在Angular中不显示Toast

Question

我正在使用Angular开发一个Web应用程序，我想包含ngx-toastr来向用户发送通知，但是它没有按预期运行。当我触发吐司时，什么都没发生，我的代码在下面，请有人帮助我，我做错了什么

export class AppComponent  {
  constructor(
    private toast: ToastrService,
  ) { }

  test() {
    this.toast.success("I'm a toast!", "Success!");
  }
}

https://stackblitz.com/edit/angular-wsfroy?file=src%2Fapp%2Fapp.component.ts

Answer 1

您错过了添加吐司面包所需的css。

像下面一样添加angular.json的样式数组

   "styles": [
              "src/styles.css",
              "node_modules/ngx-toastr/toastr.css"
            ],

在此处查看更新的stackblitz

Answer 2

在您的styles.css中添加

@import "toastr";