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("祝贺你成功了"); 
	});

angular定制组件-toastr(消息提醒)
图1 toastr成功消息
提醒框在网页的右上角,浮动定位,所以即便你的滚动条滚到了下边也能看到。
上一篇:基于HBase做Storm 实时计算指标存储


下一篇:解决Red Hat安装完后花屏,黑屏的方法