AngularJs-toaster-Angular提示弹框插件

作者：高天阳

邮箱：[e-mail]

更改历史

* 2017-11-26    高天阳    初始化文档

1 简介

1.1 简介

AngularJS Toaster是toastr非阻塞通知jQuery库的AngularJS端口。它需要AngularJS v1.2.6或更高版本以及CSS3转换的角动画。 那么toaster是什么呢。toaster是一款非常炫酷的提示插件，忍耐不住的人可以先去看特效

2 安装、使用

2.1 安装

• Npm安装

npm install --save angularjs-toaster

• Bower安装

bower install --save angularjs-toaster

2.2 添加容器

• 添加提示框容器指令

<toaster-container></toaster-container>

2.3 引入依赖

angular.module('main', ['toaster', 'ngAnimate'])
    .controller('myController', function($scope, toaster) {
        $scope.pop = function(){
            toaster.pop('info', "title", "text");
        };
    });

2.4 使用

toaster.pop('info', "title", "text");

示例:

toaster.pop('success', "查询成功");
toaster.pop('error', "查询失败");

参考资料

• AngularJs-toaster插件NPM介绍

• angular-toaster 入坑记