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

发布时间：2020-12-17 09:20:23 所属栏目：安全来源：网络整理

导读：toastr是一个消息提醒工具。需要的文件 angular-toastr.js angular-toastr.css angular把toastr封装成一个module，使用更方便。用法 [html] view plain copy //定义模块时引入依赖 angular .module('myApp',[ 'ui.bootstrap', 'toastr' ]); //定义控制器时

toastr是一个消息提醒工具。

需要的文件

angular-toastr.js

angular-toastr.css

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

用法

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

图1 toastr成功消息

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

见网址：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!