javascript - 将 john papas 库 toastr 用于 angularjs 有什么好处？

Question

Toastr Repo我正在研究 Angular 最佳实践。在 repo john papa / ng-demos john papa 包含了一个他编写的名为 toastr 的库。

问题:我不明白，toastr 有什么好处？我为什么要使用 toastr？常见的典型用例是什么？

//logger.js服务

(function() {
    'use strict';

    angular
        .module('blocks.logger')
        .factory('logger', logger);

    logger.$inject = ['$log', 'toastr'];

    function logger($log, toastr) {
        var service = {
            showToasts: true,

            error   : error,
            info    : info,
            success : success,
            warning : warning,

            // straight to console; bypass toastr
            log     : $log.log
        };

        return service;
        /////////////////////

        function error(message, data, title) {
            toastr.error(message, title);
            $log.error('Error: ' + message, data);
        }

        function info(message, data, title) {
            toastr.info(message, title);
            $log.info('Info: ' + message, data);
        }

        function success(message, data, title) {
            toastr.success(message, title);
            $log.info('Success: ' + message, data);
        }

        function warning(message, data, title) {
            toastr.warning(message, title);
            $log.warn('Warning: ' + message, data);
        }
    }
}());

Answer 1

Toastr 是一个 UI 库，可让您轻松地向最终用户显示通知。这很好，因为它的用法非常简单，并且允许您在不阻塞 ui 的情况下进行通知，它有一个缺点，它需要 jquery。

典型的场景是当你在服务器上执行异步操作，一段时间后服务器确认正确执行请求的操作