AngularJs-toaster-Angular提示弹框

作者:高天阳

邮箱:[email protected]

更改历史

* 2017-11-26    高天阳    初始化文档

1 简介

1.1 简介

AngularJS Toaster是toastr非阻塞通知jQuery库的AngularJS端口。它需要AngularJS v1.2.6或更高版本以及CSS3转换的角动画。 那么toaster是什么呢。toaster是一款非常炫酷的提示插件,忍耐不住的人可以先去看特效

2 安装、使用

2.1 安装

  • Npm安装
npm install --save angularjs-toaster
  • Bower安装
bower install --save angularjs-toaster

2.2 添加容器

  • 添加提示框容器指令
<toaster-container></toaster-container>

2.3 引入依赖

angular.module('main', ['toaster', 'ngAnimate'])
    .controller('myController', function($scope, toaster) {
        $scope.pop = function(){
            toaster.pop('info', "title", "text");
        };
    });

2.4 使用

toaster.pop('info', "title", "text");

示例:

toaster.pop('success', "查询成功");
toaster.pop('error', "查询失败");

参考资料

results matching ""

    No results matching ""