问题标签 [angular2-toaster]

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 投票
1 回答
1142 浏览

angular - Angular 2 应用程序因 XHR 错误而失败(未找到 404)

我正在尝试使用 Angular2-Toaster 但我无法克服这个错误

我查看了浏览器调试中的源代码,并且没有将 angular2-toaster 文件夹加载到浏览器中。

来自浏览器调试的源码

我已经使用 npm 安装了它,它确实出现在文件系统的 node_modules 以及 package.json 中。

打字稿编译和视觉工作室很高兴。它只是在尝试运行应用程序时爆炸

这就是我所拥有的

main.ts

应用程序模块

这就是我所做的一切。甚至没有尝试使用它,只是试图通过导入。有什么想法接下来要检查什么?什么控制从 node_modules 加载的包?

0 投票
2 回答
5308 浏览

angular - 单击Angular2-toaster弹出窗口时如何处理事件

目前,我正在开发一个使用 angular2-toaster 的项目。

当用户单击弹出窗口时,我想显示对话框以获取更多详细信息。我在https://www.npmjs.com/package/angular2-toaster上搜索了文档, 但是当用户单击弹出窗口时找不到处理该事件的解决方案,您能给我一些建议吗?

非常感谢。

0 投票
1 回答
803 浏览

angular - Angular2 - 为 Jasmine 单元测试模拟 Angular2-toaster

更概括问题 - 如何模拟 Angular2 中使用的外部库

在我的应用程序中,我使用Angular2-toaster弹出消息。为了将单元测试套件(Jasmine)写入其中一个组件,我尝试使用以下代码模拟烤面包机响应,

并在声明中添加

但最终会出现错误

我不确定是否遵循正确的方法!,

任何帮助将不胜感激

提前致谢。

0 投票
1 回答
805 浏览

angular - Angular2 - 导入组件时找不到模块

我遇到了一个问题,而我打算在我的应用程序中使用的模块没有找到。我收到以下错误:

该模块是使用 NPM 安装的,模块 Github repo 在这里(https://github.com/Stabzs/Angular2-Toaster)。

似乎应用程序无法在 node_modules 文件夹中找到该文件,我不知道为什么。这是我的 Angular2 app.module.ts 文件的相关部分:

我还可以看到,在 node_modules 文件夹中,模块位于一个名为“angular2-toaster”的文件夹中。我在想这可能是 SystemJS 配置问题,所以我在配置对象的 map 属性中添加了一行,如下所示:

这似乎也没有任何区别。谁能明白为什么会发生这个问题?

谢谢

0 投票
2 回答
5537 浏览

angular - 没有 Toaster 容器被初始化来接收 toast

我正在 angular2 应用程序中使用 angular2 烤面包机。在应用程序启动时,我遇到了错误。

我的 app_module 如下:

我也有引导这个模块。

我的 app.component 如下:

这会导致No Toaster Containers have been initialized to receive toasts 错误。

0 投票
1 回答
455 浏览

angular - angular2-toaster 的双重通知

所以我使用angular2-toaster 包,我总是收到双重通知。下面是一个使用这个包的例子。

我不知道为什么会这样,但我知道如果我在浏览器中重新加载我的 angular2 应用程序,这个问题就解决了。有人知道问题出在哪里吗?

Promotion.service.ts

如果您需要更多其他部分的代码,请发表评论,我会提供。

0 投票
1 回答
3114 浏览

angular - Angular 2: Cannot find module '@angular/animations/browser'

I'm tryng to install Angular2-Toaster (https://github.com/Stabzs/Angular2-Toaster), in the example I successful to install npm install angular2-toaster and I can inmport it withoud errors, but how I see I need also animations so I installed with:

npm install '@angular/animations' --save

but I have errors when I import the module:

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

with: Cannot find module '@angular/platform-browser/animations'

I try also npm install and npm update -D && npm update -S.

This is my app.module.ts:

The package.json:

0 投票
1 回答
9567 浏览

angular - angular2 烤面包机 - 没有烤面包机容器被初始化来接收烤面包

我在我的角度应用程序中使用angular2-toaster

这很简单,

您在组件的模板中定义烤面包机容器

然后你使用 toasterService 类型ToasterService来弹出 op toaster

但是这种方法存在一个问题,我不想在我打算弹出烤面包机的每个组件中定义一个容器,我想在根组件中定义一次。在哪里应用程序引导但是当我这样做时,我得到了错误

任何解决方案?

0 投票
2 回答
1418 浏览

angular - 烤面包机不隐藏 - Angular 5

我正在使用angular2-toaster但我只在这个项目上遇到问题。我之前在多个项目中使用过它并且效果很好,但是当我切换到 Angular 5 版本时,我无法让烤面包机消息消失。在成功或错误时,我有一个应该隐藏消息的超时,但它不会发生。这是我的烤面包机配置,如果最近有人遇到同样的问题,请告诉我,谢谢!

0 投票
4 回答
8548 浏览

angular - 烤面包机样式未应用

在初始加载时,我得到No Toaster Containers have been initialized to receive toasts.一个问题,但不是这个问题的主题(除非修复它碰巧解决了其他问题,我有一个偷偷摸摸的怀疑它会)。

主要问题是当我尝试弹出 toast 并且 toast 文本与我想要的淡入/淡出动画一起显示时,但没有我希望看到的样式

我有一个toaster-containerin ,我作为提供者component.html导入ToasterModule并列出in ,并且我已经导入了. 这些是我在其他类似文章中看到的潜在解决方案,虽然它们确实在我弹出吐司时出现了文本,但它们并没有改变这些当前问题中的任何一个。ToasterServicemodule.tstoaster.cssindex.html

如果您在下面的实现中看到错误,请告诉我angular2-toaster,我以前从未使用过它,所以很可能有些东西就在我的眼皮底下,而我只是看不到它。我还将这段代码与工作中正在完成的其他项目进行了比较,并且代码与我阅读过的地方相匹配,但其他项目正确地显示了 toast 样式。

我的代码如下:

rollPlan.module.ts:

rollPlan.component.ts:

rollPlan.component.html:

索引.html:

最后

包.json: