ngx-toastr，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

您没有添加toast所需的css。

添加到angular.json的样式数组中，如下所示

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

在这里查看更新后的stackblitz

Answer 2

在styles.css中添加中的

@import "toastr";