AngularJS Toaster

授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 AngularJS 扩展
软件类型 开源软件
地区 不详
投 递 者 陆浩博
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

AngularJS Toaster 是 AngularJS 的扩展,实现了无堵塞消息通知。该项目对 Toastr 进行改造,原来的 Toastr 只支持 jQuery,而 AngularJS Toaster 只需要依赖 AngularJS 即可。

示例代码:

// Display an info toast with no title
angular.module('main', ['toaster'])
.controller('myController', function($scope, toaster) {
    $scope.pop = function(){
        toaster.pop('success', "title", "text");
    };
});
<div ng-controller="myController">
    <button ng-click="pop()">Show a Toaster</button>
</div>
  • AngularJS Toaster是一个 AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate. (推荐使用 /1.2.8/angular-animate.js, 因为高版本会有怪异闪烁.) 引入脚本 <link href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-toaster/0.4.16

  • 页面跳转时没有问题,页面F5后直接执行toaster没有反应。 看了半天还是没懂,不过使用了$timeout强行弄出来了... $timeout(function () { toaster.pop('error', '提示', '没有数据'); }, 500);有大佬知道怎么回事么

  • //HTML:注意在Chrome浏览器中会给input添加默认样式,影响到打钩的框出不来,主要是position和影响透明度的opacity <script type="text/ng-template" id="noticeListModal.html"> <div class="modal-header"> <h3 class="modal-title">发送通知</h

  • github地址: https://github.com/jirikavi/AngularJS-Toaster 参考博客: https://www.cnblogs.com/youzhuxiaoyao/p/4953642.html AngularJS Toaster是一个 AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate. (推荐使用 /1.2.8

  • AngularJS Toaster是一个 AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate. (推荐使用 /1.2.8/angular-animate.js, 因为高版本会有怪异闪烁.) 引入脚本 <link href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-toaster/0.4.16