【问题标题】:Angular App Factory Toaster As Dependency Breaks ApplicationAngular App Factory Toaster 作为依赖关系中断应用程序
【发布时间】:2015-05-02 17:17:22
【问题描述】:

我有一个使用 Firebase 作为后端的 Angular 应用程序,我试图在我的授权应用程序工厂中注入“toaster”作为依赖项。这里是 app.factory 的开始

app.factory('principal', ['$rootScope',
'$q', '$http', '$timeout', '$firebaseAuth', "$firebaseObject", '$filter','$firebaseArray', '$state', 'toaster'
function ($rootScope, $q, $http, $timeout, $firebaseAuth, $firebaseObject, $filter, $firebaseArray, $state, toaster)

使用此配置,应用程序根本不会加载。我可以在控制器内使用“烤面包机”,但在工厂内它会破坏我的应用程序。我是 Angular 的新手,所以我不知道我是否遗漏了某些东西,或者完全偏离了向工厂添加此类依赖项的基础。

我需要一个简单的烤面包机来提醒密码错误。我应该创建一个单独的控制器来处理这个吗?

【问题讨论】:

  • 我打错了,第 2 行的烤面包机后面有一个逗号。我的应用程序反映了这一点
  • 你说的是toastr的angularise版本吗?
  • 是的 Angular 烤面包机,它是一个 angular.module
  • 您是否在您的应用程序中注入了toaster 模块,例如angular.module('app', ['toaster'])
  • 是的,除了我的工厂之外,烤面包机在任何地方都可以使用

标签: javascript angularjs firebase


【解决方案1】:

您错过了在视图中添加toaster 容器,以便消息将显示在该容器内。

标记

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

【讨论】:

  • 我使用的库是 AngularJS 烤面包机
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-14
  • 2018-10-11
  • 2010-09-18
  • 1970-01-01
  • 1970-01-01
  • 2018-10-07
相关资源
最近更新 更多