广告合作QQ：76874919

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

Angularjs 2020-03-03

toastr是一个消息提醒工具。

需要的文件

angular-toastr.js

angular-toastr.css

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

用法

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

图1 toastr成功消息
提醒框在网页的右上角，浮动定位，所以即便你的滚动条滚到了下边也能看到。
见网址：
http://blog.csdn.net/chuchus/article/details/48153277

相关文章

AngularJS 简介
AngularJS 是一个JavaScript 框架。它可通过 注：建议把脚本放在 元素的底部。这会提高网页加载速度，因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题，也即是页面闪烁问题。出现这个的原因是：由于...
AngularJS 指令
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性，带有...
AngularJS 表达式
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expres...
AngularJS 表格
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
AngularJS XMLHttpRequest
$http是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...