angular定制组件-toastr(消息提醒)-阿里云开发者社区

开发者社区> 云计算> 正文

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

简介: toastr是一个消息提醒工具。 需要的文件 angular-toastr.js angular-toastr.css angular把toastr封装成一个module,使用更方便。 用法 //定义模块时引入依赖 angular .module('myApp', [ 'ui.bootstrap', '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成功消息
提醒框在网页的右上角,浮动定位,所以即便你的滚动条滚到了下边也能看到。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

其他文章