在angularjs中使用john papas库toastr的好处是什么?

What are the benefits of using john papas library toastr for angularjs?

本文关键字：toastr 是什么 papas angularjs john      更新时间：2023-09-26

Toastr Repo我正在学习angular的最佳实践。在repo john papa/ng-demos中，john papa包含了一个他自己写的库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);
        }
    }
}());

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

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

相关文章：