以 AngularJS 方式使用 toastr

2024-03-11

目前,我只是打电话toastr.success('my message')需要时在控制器内。这个工作很好,但对我来说感觉有点脏。

是否有“最佳实践”或推荐的“angularjs”使用方式toastr.js 库 https://github.com/CodeSeven/toastr?


是的。很简单:

app.factory('notificationFactory', function () {
    return {
        success: function (text) {
            toastr.success(text,"Success");
        },
        error: function (text) {
            toastr.error(text, "Error");
        }
    };
});

解决控制器中的工厂。在工厂定制消息、通知等。

尽管代码添加了另一个抽象,但它确实很有效。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

以 AngularJS 方式使用 toastr 的相关文章

  • 如何使用 jQuery 在按下按钮后保持按钮处于活动状态

    我见过一些非常相似的问题 但一直无法找到我正在寻找的答案 我已经确定了解决方法 但想知道执行该任务的正确方法 我想要的是单击按钮并使活动状态保持不变 下一次单击将切换状态 这是所需的 我真正需要知道的是如何解决 uiButton activ
  • 带有闭包的 JavaScript 性能

    var name function n var digits one two three four return digits n var namenew function digits one two three four return
  • 修复输入字段后,html5 oninvalid 不起作用

    我的表单中有这个输入代码
  • Excel 宏与 Javascript

    我希望使用 Javascript 中的宏而不是默认的 VBA 来操作 Excel 电子表格 我可以使用以下 VBA 代码执行 javascript 代码 javascript to execute Dim b As String b fun
  • 以编程方式在指令内添加指令

    我想将指令的另一个实例附加到父指令中 但我无法使用 apply 重新编译我的指令 我想我在某个地方错过了一些东西 我的 HTML 代码 div div div div
  • 如何在 Angular 单元测试中模拟/触发 $routeChangeSuccess?

    给定一个附加到 routeChangeSuccess 事件的处理程序来更新 rootScope 上的 title 属性 rootScope on routeChangeSuccess function event current previ
  • 如何翻转 Twitter Bootstrap 的工具提示

    我正在使用 Twitter 的 Bootstrap 来实现工具提示 目前 工具提示显示在链接上方 我希望工具提示出现在链接下方 我该怎么做呢 我正在触发工具提示 它明确指出 底部 但它不想为我工作 tooltip tooltip place
  • 用于传输命名参数和正文的云端点资源属性不起作用

    我正在尝试通过gapi client rpc调用实现对谷歌云端点的调用 如文档中所述 和Google Cloud Endpoints 使用 JS 客户端进行调用 传递参数和 JSON 正文 https stackoverflow com q
  • 如何解构 React props 并仍然访问其他 props?

    我很好奇如果我想要所有的 props 但也想要解构单个属性 那么组件的参数 props 是否可以像导入一样解构 我想这更像是一个 JavaScript 问题 而不是一个 React 问题 但是举个例子 import React useEff
  • 如何在 Angular 2 应用程序中使 DateAdapter 单例?

    我正在开发一个带有延迟加载模块的 Angular 7 应用程序 我也使用有角度的材料组件 我想在日期选择器组件中本地化并支持多个区域设置 当应用程序语言发生变化时 我想在整个应用程序中全局更改它 可以通过 DateAdapter setLo
  • 在 JQuery ui 自动完成中显示图像

    我有一个带有 JQuery ui 自动完成功能的脚本 可以完美运行 有一个显示用户名字和姓氏的搜索过程 但在我的数据库中 还有用户的图片 我想将其显示在带有名字和姓氏的建议中 数据库中pic包含图片url 剧本 function searc
  • 在 Chrome 中加载analytics.js时出现307重定向

    我正在构建一个网络应用程序并使用 Google Analytics analytics js 进行分析 我最近注意到 Chrome 中的分析功能无法正常工作 我使用单独模块中的标准代码片段加载分析并通过 requirejs 包含 我已验证该
  • JavaScript 中的最短路径

    几周来我一直在寻找一种在 JavaScript 中计算最短路径的方法 我一直在玩书数据结构和算法作者 格罗纳 Groner 名字恰如其分 https github com loiane javascript datastructs algo
  • Angular 停止 Enter 键提交

    I am trying to stop the Enter from submitting my button and rather make it point to another function I tried trapping th
  • 什么是 TinyMCE jQuery 包?

    我被要求在项目中使用 TinyMCE 编辑器 在下载页面上 有一个主包 然后是一个 jQuery 包 This package contains special jQuery build of TinyMCE and a jQuery in
  • 有没有办法从画布上清除一个元素而不消除其他元素?

    我正在使用画布构建页面加载器 并使用 es6 类 虽然目前我无法使其正常工作 原因之一是我找不到清除画布的方法进展 到目前为止 这是我的代码 class Loader constructor width height this width
  • 使用 javascript/jquery 从数据库格式化日期的正确方法

    我正在调用包含日期时间数据类型的数据库 日期看起来像这样 2005 05 23 16 06 00 000 当用户从列表中选择某个项目时 我想在表格中显示它 我调用我的控制器操作并返回所有时间的 Json 并将它们放入表中 问题是日期完全错误
  • 这个 JQuery 指令做什么 $(function(){...}) [重复]

    这个问题在这里已经有答案了 我最近一直在研究JQuery 尽管我知道一些东西 但书上有这样一句话我根本无法理解 function current entry 1 有谁知道这条线是如何工作的以及它的作用是什么 它类似于 JQuery 函数中的
  • Javascript/jQuery 外部高度()

    Does idOfLememt outerHeight 对所有浏览器产生相同的结果 IE7 有什么不同吗 只要去http api jquery com outerHeight http api jquery com outerHeight
  • Angular 2:使用正则表达式进行数字验证

    我正在尝试验证 IE 11 中的数字字段

随机推荐

  • 设置 UILocalNotification 的超时时间(一段时间后将其从锁屏和通知中心删除)

    我想设置一个UILocalNotification五分钟后 它将从锁定屏幕和通知中心消失 如果用户不点击它 我可以设置通知超时吗 或者也许会触发另一个通知来删除它 我相信 Facebook 是通过发送无声推送通知 http www g8pr
  • 正则表达式和冒号 (:)

    我有以下代码 这个想法是检测整个单词 bool contains Regex IsMatch Hello1 Hello2 bHello b yields false bool contains Regex IsMatch Hello Hel
  • 如何对 ObservableCollection 进行排序? [复制]

    这个问题在这里已经有答案了 我试过了 Persons from i in Persons orderby i Age select i 但我无法转换 LinqsSystem Linq IOrderedEnumerable to Observ
  • 减少玻璃鱼原木的线宽

    有谁知道如何减少玻璃鱼原木上每条线的宽度 它似乎包含很多我不需要的信息 下面是一行的示例 2012 03 04T16 00 09 537 0000 INFO oracle glassfish3 1 javax enterprise syst
  • Google 跟踪代码管理器不跟踪图像和图标上的链接点击

    在 Google 跟踪代码管理器中 我将其设置为跟踪包含特定类的元素的点击数据 并在 Google Analytics 中记录事件 它似乎适用于文本链接 但如果链接内有另一个用于图像 图标等的标签 我就会遇到问题 例如 以下内容可以正常工作
  • 前端计算价格不安全?

    我想知道是否可以操纵在前端完成的价格计算 我读了很多关于 JavaScript 价格计算器的文章 其中的业务逻辑仅在客户端 但对安全性却一无所知 考虑以下场景 React 应用程序有一个组件 表单 它根据其子组件 表单输入 的状态 用户交互
  • 请求映射中的双星号

    请求映射中出现双星号意味着什么 例如 RequestMapping value welcome method RequestMethod GET public ModelAndView welcomePage 一般来说 星号 通配符角色 意
  • DIO 响应解码问题

    我在用Dio为了使HTTP request var dio Dio var response await dio get URL final responseBody json decode response data final stat
  • 如何使用 Android 中的加速度计值计算特定轴的旋转速率

    我正在开发一个简单的游戏 其中角色仅沿 Y 轴上下移动 目前我正在使用加速度计读数来更改角色的 Y 速度 游戏运行良好 但最大的问题是你必须保持设备水平才能正常玩游戏 我真正想要的是仅当沿 Y 轴的旋转速率发生变化时才更改角色的 Y 速度
  • Azure SQL 频繁连接超时

    我们在 Azure 上运行一个 Web 应用程序 2 个实例 由 SQL Azure 数据库支持 在任何给定时间都有 50 150 个用户使用该网站 数据库以 S2 性能级别运行 DTU 平均约为 20 然而 每天都有几次我的日志中突然出现
  • 缓存从 pcap 捕获的数据包

    这是对此的后续问题 重建数据包以通过 pcap 注入 https stackoverflow com questions 8193281 rebuilding a packet to inject via pcap 我想要实现的目标 fun
  • 使用 LINQ 进行高效图遍历 - 消除递归

    今天我打算实现一种方法来遍历任意深度的图并将其展平为单个可枚举 相反 我先做了一些搜索 发现了这个 public static IEnumerable
  • 为什么使用 `<<-` 会让人皱眉,我该如何避免它?

    我关注了讨论HERE https stackoverflow com questions 9730651 how to avoid by using assign我很好奇为什么使用 lt lt 在R中皱起眉头 这会引起什么样的混乱呢 我还想
  • 使用 Powershell 编辑子文件夹中的 zip 文件内容

    我正在尝试更新从 Excel 文档创建的 zip 文件的内容 我想替换 zipfile xl connections xml 的一些内容 该部分脚本将列出 zip 文件的内容 shell app new object com shell a
  • Concepts(C++20) 可以用作布尔值吗?

    using T decltype std same as
  • 更改 MIFARE Classic 中扇区的身份验证密钥

    根据埃文的回答这一页 https forums tessel io t change auth code 1091 为了更改扇区的身份验证密钥 我们需要覆盖该扇区的第四个块 最后一个块 中的密钥 默认密钥始终为 FF FF FF FF FF
  • sqlite内存模式支持持久化到本地吗?

    什么是内存数据库 sqlite是内存数据库吗 该模式下是否支持将数据持久化到本地文件 内存数据库支持所有操作和数据库访问语法 但实际上并不持久 它只是内存中的数据结构 这使得它速度很快 非常适合开发人员实验和 相对少量的 临时数据 但不适合
  • 在 Google Play 商店上访问我的应用程序的统计信息 [关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 我知道有一个 Android 开发者控制台 我可以检查有关我的应用程序的所有统计信息 我现在看到的那些统计信息 都是关于我的应用程
  • Rails 构建 N 条记录的序列化对象

    我想序列化文本列中的任何对象 通过 API 我得到参数 params attachments this can be 0 or 1 or 3 or 100 etc params attachment1 params attachment2
  • 以 AngularJS 方式使用 toastr

    目前 我只是打电话toastr success my message 需要时在控制器内 这个工作很好 但对我来说感觉有点脏 是否有 最佳实践 或推荐的 angularjs 使用方式toastr js 库 https github com C