Angular Toaster 在打字稿中不起作用

Question

我已经从 nuget 下载了 angular-toaster.d.ts 文件并实现了一个通知服务，没有错误，但它不工作

export class notificationService {

    constructor(private toaster: ngtoaster.IToasterService) {
        debugger;                

        // this.toaster.toast.timeout = 3000;
        // this.toaster.toast.type = EnergyTechApp.Entity.Constants.info;
        // this.toaster.toast.showCloseButton = true;
    }

    displaySuccess(message: string) {                
        debugger;

        this.toaster.success(message); /// not working  Not displaying anything
        this.toaster.success("", "", 122, ""); // this is a overload     
    }
}

我不完全知道要在超载中发送什么，d.ts 文件中的超载是

success(title?:string, 
        body?:string, 
        timeout?:number, 
        bodyOutputType?:string, 
        clickHandler?:EventListener,
        toasterId?:number): void

什么是 eventHandler 以及我必须通过什么才能使烤面包机工作？

Answer 1

几点：

烤面包机是否工作与 TypeScript 没有任何关系。最后，应该是正确运行的 JavaScript。所以 TypeScript 与问题无关，当然，除非你遇到编译错误？

我认为这里的主要问题是您没有正确构建烤面包机服务。它被注入到您的服务器的构造函数中，但我没有看到$inject。假设这是一个角度服务，您应该使用角度依赖注入。我的猜测是 this.toaster 是未定义的，这可以解释为什么它不起作用。但是您应该会看到一些控制台错误。试试这样的：

static $inject = ["toaster"];
constructor(private toaster: ngtoaster.IToasterService) {

}

如果仍然无法正常工作，请确保脚本已加载并且您已将烤面包机模块添加为依赖项：

angular.module('myApp', ['toaster', 'ngAnimate'])

最后，clickHandler 允许您在用户单击烤面包机时执行一些代码。但这是一个可选参数，您并不需要它。使用这个应该可以正常工作：

this.toaster.success("hello");