toastr是一个消息提醒工具。
需要的文件
angular-toastr.jsangular-toastr.css
angular把toastr封装成一个module,使用更方便。
用法
//定义模块时引入依赖
angular
.module('myApp', [
'ui.bootstrap',
'toastr'
]);
//定义控制器时传入依赖
angular.module('myApp')
.conroller('MenuCtrl', function ($scope,toastr) {
//此句会有提提效果,见图1
toastr.success("祝贺你成功了");
});
图1 toastr成功消息
提醒框在网页的右上角,浮动定位,所以即便你的滚动条滚到了下边也能看到。