以 AngularJS 的方式使用 toastr

Posted 2023-05-08

【中文标题】以 AngularJS 的方式使用 toastr

【英文标题】：Using toastr in the AngularJS way

【发布时间】：2014-03-01 04:54:32

【问题描述】：

目前，我只需在需要的控制器内调用toastr.success('my message')。这工作很好，但对我来说感觉有点脏。

是否有使用toastr.js library 的“最佳实践”或推荐的“angularjs”方式？

【参考方案1】：

是的。很简单：

app.factory('notificationFactory', function () 
    return 
        success: function (text) 
            toastr.success(text,"Success");
        ,
        error: function (text) 
            toastr.error(text, "Error");
        
    ;
);

解析控制器中的工厂。在工厂自定义消息、通知/等。

尽管代码添加了另一个抽象的想法，但它确实有效。

【讨论】：

更不用说在测试用例中模拟该工厂变得非常容易。

有一个AngularJS port of the toastr 很有用。

我也把烤面包机包起来，然后把'toastr'注入工厂：app.value('toastr', toastr)