【问题标题】:Angular Toaster not showing title or text角烤面包机不显示标题或文本
【发布时间】:2017-03-12 19:29:50
【问题描述】:

我在我的 AngularJS 网络项目中使用 toaster 指令。

一切都按照文档中的方式进行配置;这是,在我看来,我的容器声明如下。

<toaster-container toaster-options="{'time-out': 3000, 'close-button':true, 'animation-class': 'toast-top-right'}"></toaster-container>

我在我的 app.js 文件中全局注入了“toaster”模块,并在我感兴趣的控制器上注入了“toaster”服务。 在某些动作发生时,我正在调用

toaster.pop('success', "Comentario Actualizado", "");

toast 会显示在视图中的正确位置,当然还有我配置的取消按钮和超时。但是,吐司没有显示任何文本。 有什么我不正确地实施或有什么我可能遗漏的吗? 请帮忙,我知道这个问题非常微不足道,但我真的不明白为什么会出现预期的行为 没有发生。

谢谢

【问题讨论】:

  • 我觉得没问题。检查here
  • 谢谢,我看到了小提琴作品(为什么不正确?)但是在我正在处理的应用程序上它没有显示文本,我想其他东西可能会干扰......跨度>
  • 如果是的话放相关代码
  • 您好,我的实现的问题是我在 div 中有 ,它具有 ng-show 属性。因此,显然,通过这样做,吐司变得有问题。我将容器移动到文件的另一部分,现在可以正常工作。谢谢!

标签: javascript html angularjs toast


【解决方案1】:

我在使用 Angular 时遇到了同样的问题。原来我没有在顶部导入BrowserAnimationsModule,正如Getting Started With Default Configuration所提到的那样,

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

然后在导入中指定:

imports: [BrowserAnimationsModule, ToasterModule.forRoot()]

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-03-29
    • 1970-01-01
    • 2022-07-29
    • 1970-01-01
    • 1970-01-01
    • 2018-02-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多