问题标签 [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.
html - 如何调整烤面包机的弹出宽度
我正在使用 AngularJS-Toaster 在我的应用程序中弹出通知。对于前端,我使用的是引导程序。
使用“容器”类,我有一个 1200 像素的网格。在里面我有一个带有弹出通知的 div。
我想将弹出通知的宽度调整为与包含此烤面包机的容器相同的宽度。我看到烤面包机有一个参数“位置类”来更改弹出窗口的位置甚至宽度,例如例如'toast-top-full-width',但使用它我会收到全屏通知,它不会调整到包含它的容器。我想这是可以使用 Css 完成的事情,但是怎么做呢?请你帮助我好吗?
这是我的html代码:
非常感谢您提前。
html - 使用 Css 的响应式设计
我想为我的应用程序中的弹出通知做一个响应式设计。我正在使用 Angular Toaster 作为通知。
例如,我将 toaster-container 元素定位在屏幕的中心,但使用的是绝对位置,因此对于较小的屏幕,通知会保持在同一位置,因此不会显示。我想让通知相对于包含它们的父元素(在本例中为容器网格)。如何使用 CSS 实现这一点?这是我的html代码:
以及我用于 toaster-container 元素的自定义 css 规则:
css - AngularJS Material 和 Toastr CSS 不能一起工作
我正在使用AngularJS Material和Toastr。
我用凉亭来安装两者。除了 toastr 的样式被覆盖之外,他们正在一起工作。所以当我尝试使用时,toastr.warning(...)
我得到
而不是得到类似的东西:
生成的 HTML 头是:
在我开始使用 AngularJS Material 和 Materialize 之前,它正在使用 Twitter Bootstrap 。
angularjs - 如何使用 jasmine 对 angular-toastr 进行单元测试
这是我的控制器中的一个功能,它使用 Toastr 进行通知。我将如何在我的 Jasmine 单元测试中测试 Toastr 以获取此功能。
javascript - 成功的 AJAX 调用后没有显示 Toastr Growl
通过我的 JavaScript 代码,我可以获得格式错误 URL 的警报,但是当一个成功的 POST 发生时,我可以response.id
通过alert
调用显示它,但不使用我用于格式错误 URL 逻辑的相同的 toastr 咆哮。我错过了什么吗?
更新#1:正如建议的那样,这是现在的代码,它仍然显示相同的行为。确认它在 SAFARI 中也不起作用,因此至少有 2 个浏览器显示相同的问题。
angularjs - 将 angular-ui-notification 与 Restangular 拦截器一起使用
当 API 在响应中返回某些代码时,我想显示一些通知。经过一些研究,我选择了这个模块,但我希望能够在 Restangular 的 responseInterceptor 中使用这些。这是我当前的拦截器..
我无法插入所需的服务“通知”。非常感谢任何帮助。多谢你们。
angularjs - 防止请求在 AngularJS 中触发
是否可以使用角度拦截器来防止当前请求触发?
例如,我有ui-grid
显示所有订单,每个订单都有一个Edit
和Remove
链接。如果用户单击这些链接中的任何一个并且他们无权执行这些操作,我希望 Angular 显示一个Access denied
toastr 通知。
我的问题是,我能否以某种方式使用角度响应拦截器来查找HTTP 403 (Forbidden)
状态结果并显示Access denied
toastr,然后终止请求?
这是 responseError 拦截器的逻辑:
javascript - Angular Toastr:发送到隐藏的 toastr 路径?
我有一个使用 ng-route 的 Angular 1.3 项目。我正在使用 Angular Toastr 进行用户通知。
通知关闭后,我想将用户发送到路径。
使用以下代码,甚至会触发我的函数并显示调试语句,但浏览器无法导航并且没有显示错误。我错过了什么?
javascript - 在offline.js中绑定一个事件
我正在尝试让offline.js与toastr警报一起工作。
我有限的 JS 知识阻碍了我,但希望有人能对此有所了解。
我想要发生的事情 当连接从下到上时,我想在 toast 警报中显示“重新连接成功”消息。
问题我不明白如何在offline.js 中检查该状态。文档提到可以使用这个:
Offline.on(event, handler, context) :绑定一个事件。事件:
up:连接从下到上
down:连接从上到下
up 事件做了我想要的,但我不知道如何把它付诸实践......
下面实际上只是一些伪代码,解释了我想要发生的事情:
谁能让我走上正确的道路?
toastr - toastr.options 中的“超时”是什么意思
我在互联网上搜索了很多,但我找不到timeOut
和extendedTimeOut
in的描述toastr.options