angular定制组件-toastr(消息提醒)

toastr是一个消息提醒工具。

需要的文件

angular-toastr.js

angular-toastr.css

angular把toastr封装成一个module，使用更方便。

用法

[html] view plain copy

1. //定义模块时引入依赖
2. angular
3. .module('myApp',[
4. 'ui.bootstrap',
5. 'toastr'
6. ]);
8. //定义控制器时传入依赖
9. angular.module('myApp')
10. .conroller('MenuCtrl',function($scope,toastr){
11. //此句会有提提效果，见图1
12. toastr.success("祝贺你成功了");
13. });

图1 toastr成功消息

提醒框在网页的右上角，浮动定位，所以即便你的滚动条滚到了下边也能看到。

见网址：

http://blog.csdn.net/chuchus/article/details/48153277