问题标签 [toastr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
30999 浏览

html - 如何调整烤面包机的弹出宽度

我正在使用 AngularJS-Toaster 在我的应用程序中弹出通知。对于前端,我使用的是引导程序。

使用“容器”类,我有一个 1200 像素的网格。在里面我有一个带有弹出通知的 div。

我想将弹出通知的宽度调整为与包含此烤面包机的容器相同的宽度。我看到烤面包机有一个参数“位置类”来更改弹出窗口的位置甚至宽度,例如例如'toast-top-full-width',但使用它我会收到全屏通知,它不会调整到包含它的容器。我想这是可以使用 Css 完成的事情,但是怎么做呢?请你帮助我好吗?

这是我的html代码:

非常感谢您提前。

0 投票
2 回答
465 浏览

html - 使用 Css 的响应式设计

我想为我的应用程序中的弹出通知做一个响应式设计。我正在使用 Angular Toaster 作为通知。

例如,我将 toaster-container 元素定位在屏幕的中心,但使用的是绝对位置,因此对于较小的屏幕,通知会保持在同一位置,因此不会显示。我想让通知相对于包含它们的父元素(在本例中为容器网格)。如何使用 CSS 实现这一点?这是我的html代码:

以及我用于 toaster-container 元素的自定义 css 规则:

0 投票
1 回答
816 浏览

css - AngularJS Material 和 Toastr CSS 不能一起工作

我正在使用AngularJS MaterialToastr

我用凉亭来安装两者。除了 toastr 的样式被覆盖之外,他们正在一起工作。所以当我尝试使用时,toastr.warning(...)我得到

在此处输入图像描述

而不是得到类似的东西:

在此处输入图像描述

生成的 HTML 头是:

在我开始使用 AngularJS Material 和 Materialize 之前,它正在使用 Twitter Bootstrap 。

0 投票
1 回答
5361 浏览

angularjs - 如何使用 jasmine 对 angular-toastr 进行单元测试

这是我的控制器中的一个功能,它使用 Toastr 进行通知。我将如何在我的 Jasmine 单元测试中测试 Toastr 以获取此功能。

0 投票
1 回答
2724 浏览

javascript - 成功的 AJAX 调用后没有显示 Toastr Growl

通过我的 JavaScript 代码,我可以获得格式错误 URL 的警报,但是当一个成功的 POST 发生时,我可以response.id通过alert调用显示它,但不使用我用于格式错误 URL 逻辑的相同的 toastr 咆哮。我错过了什么吗?

更新#1:正如建议的那样,这是现在的代码,它仍然显示相同的行为。确认它在 SAFARI 中也不起作用,因此至少有 2 个浏览器显示相同的问题。

0 投票
1 回答
546 浏览

angularjs - 将 angular-ui-notification 与 Restangular 拦截器一起使用

当 API 在响应中返回某些代码时,我想显示一些通知。经过一些研究,我选择了这个模块,但我希望能够在 Restangular 的 responseInterceptor 中使用这些。这是我当前的拦截器..

我无法插入所需的服务“通知”。非常感谢任何帮助。多谢你们。

0 投票
0 回答
234 浏览

angularjs - 防止请求在 AngularJS 中触发

是否可以使用角度拦截器来防止当前请求触发?

例如,我有ui-grid显示所有订单,每个订单都有一个EditRemove链接。如果用户单击这些链接中的任何一个并且他们无权执行这些操作,我希望 Angular 显示一个Access deniedtoastr 通知。

我的问题是,我能否以某种方式使用角度响应拦截器来查找HTTP 403 (Forbidden)状态结果并显示Access deniedtoastr,然后终止请求?

这是 responseError 拦截器的逻辑:

0 投票
1 回答
638 浏览

javascript - Angular Toastr:发送到隐藏的 toastr 路径?

我有一个使用 ng-route 的 Angular 1.3 项目。我正在使用 Angular Toastr 进行用户通知。

通知关闭后,我想将用户发送到路径。

使用以下代码,甚至会触发我的函数并显示调试语句,但浏览器无法导航并且没有显示错误。我错过了什么?

0 投票
1 回答
646 浏览

javascript - 在offline.js中绑定一个事件

我正在尝试让offline.jstoastr警报一起工作。

我有限的 JS 知识阻碍了我,但希望有人能对此有所了解。

我想要发生的事情 当连接从下到上时,我想在 toast 警报中显示“重新连接成功”消息。

问题我不明白如何在offline.js 中检查该状态。文档提到可以使用这个:

Offline.on(event, handler, context) :绑定一个事件。事件:
up:连接从下到上
down:连接从上到下

up 事件做了我想要的,但我不知道如何把它付诸实践......

下面实际上只是一些伪代码,解释了我想要发生的事情:

谁能让我走上正确的道路?

0 投票
1 回答
1283 浏览

toastr - toastr.options 中的“超时”是什么意思

我在互联网上搜索了很多,但我找不到timeOutextendedTimeOutin的描述toastr.options