Angular 7-自定义烤面包机不显示消息

Question

我已经创建了一个这样的自定义烤面包机通知组件：

import { Component, Input } from "@angular/core";
import { Toast, ToastrService, ToastPackage } from "ngx-toastr";
import { trigger } from "@angular/animations";

@Component({
  selector: "app-ribbon",
  templateUrl: "./ribbon.component.html",
  styleUrls: ["./ribbon.component.scss"],
  animations: [
    trigger("flyInOut", []),
  ]
})

export class RibbonComponent extends Toast {
  constructor( protected toastrService: ToastrService, public toastPackage: ToastPackage) {
    super(toastrService, toastPackage);
    }
  }

具有自己的css样式。我已经这样配置了app.module文件：

 imports: [
      ToastrModule.forRoot({
        toastComponent: RibbonComponent,
      })]

当我尝试像这样使用toastr服务时：

 showToaster() {
      this.toastr.success("Message Test");
  }
}

在另一个组件中，它显示了我的组件，但根本没有消息文本，只有空的组件

这里缺少什么？