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

toastr是一个消息提醒工具。

需要的文件

angular-toastr.js 

angular-toastr.css

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

用法

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

图1 toastr成功消息

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