问题标签 [angularjs-module]

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 回答
6206 浏览

angularjs - AngularJS 无法实例化模块

我是 AngularJS 的新手,我正在尝试创建身份验证服务,但我收到了这个错误。

这是我的代码:

服务.js

应用程序.js

索引.html

我做错了什么?

先感谢您 :)

0 投票
6 回答
120340 浏览

angularjs - AngularJS:未捕获的错误:[$injector:modulerr] 无法实例化模块?

我是 AngularJS 的新手,并且通过一些文档和教程来学习。我的问题是关于 Egghead 的视频系列,特别是这个视频,它演示了如何组合一个基本的搜索过滤器。我想在一个真正的应用程序中使用它,我正在为一个拥有小型蜡烛制作业务的朋友构建,但是当我将它修改为她的蜡烛而不是复仇者联盟演员时(如视频中演示的那样)我收到了这个错误:

未捕获的错误:[$injector:modulerr] 无法实例化模块 myApp,原因如下:

错误:[$injector:nomod] 模块“myApp”不可用!您要么拼错了模块名称,要么忘记加载它。如果注册一个模块,请确保您指定...

我将视频演示中的内容的编辑(数组中只有 3 个演员)版本复制到 jsfiddle 中,发现它仍然产生相同的错误。(作为参考,Egghead 演示在这里:http ://www.thinkster.io/angularjs/ET1iee6rnm/angularjs-ngfilter )。到目前为止,我已经在这个网站上阅读了至少六个类似的问题,并尝试了所有提供的解决方案,但他们都没有摆脱这个错误或导致复仇者联盟搜索——在视频演示中运行良好——实际运行适当地。

HTML:

Javascript:

简而言之,有人可以提供一个可行的解决方案并消除此错误,并用简单的英语(不是博士级别的“Angular Obscurese”)解释是什么原因导致它(简而言之)以及需要什么做了避免吗?

编辑:抱歉,但是上面从教程中引用的 jsfiddle 链接不再有效。我已删除损坏的链接。提到的教程仍然可以查看。

0 投票
1 回答
9075 浏览

javascript - 如何在 AngularJS 中声明子模块

在使用 AngularJS 处理大型项目时,我发现我喜欢按功能组织代码。
这意味着当我有一些可识别的功能 X(特别是如果它是可重用的)时,我会创建目录 X 并将所有控制器、服务和属于该功能的其他部分放入其中。我还声明了一个名为 X 的新模块,并将目录 X 中的所有内容分配给该模块。

目录结构将如下所示:

app.js中有一个主模块声明:

X/ 中的所有控制器等都属于模块“X”,这意味着我在这些文件中像这样获取模块“X”:

我不知道该怎么做是在哪里声明模块'X'?

我的一些想法:

  • 我可以在其中一个控制器/服务/...中声明它并在其他控制器等中获取它,但这听起来不对,因为我看不到任何逻辑如何选择该控制器/服务/...等等,然后我必须注意在其他人之前将它包含在 index.html 中。我觉得这个主意不好
  • 我可以将声明放在 app.js 中,所以 app.js 现在看起来
    angular.module('myApp', ['X']); angular.module('X', [/*some dependencies could go here*/]);
    我觉得这个想法比前一个更好,但是我不喜欢模块声明在目录 X 之外。
  • 在目录 X/ 我创建文件 main.js 并将模块 X 的声明放入其中。在目录 X/ 中的其他文件之前,我必须小心将此文件包含在 index.html 中。
    我最喜欢这个解决方案

有没有更好的方法来做到这一点?

0 投票
2 回答
43 浏览

angularjs - 为什么我的角度工厂没有加载?

示例... Plunker

插件.js:

应用程序.js:

在我的身体标签的底部,我有:

我不断收到错误:

0 投票
2 回答
1358 浏览

angularjs - 没有RequireJS的AngularJs延迟加载

在大型应用程序中,我们如何在需要时延迟加载模块、控制器、服务而不加载 index.html 中的那些。这里我指的是在相关的模板html中加载整个js,而不是在index.html中。(可能是具有模块、多个控制器、服务、给定功能的指令或具有多个控制器或服务的单个 js 文件的不同 js)

我不想使用 RequireJs。但是,我正在寻找角度本身的解决方案。

0 投票
1 回答
1165 浏览

javascript - Angular 模块的可扩展全局配置

我正在寻找包含 Angular 指令/模块的全局选项。

我可以.constant()在我的模块文件中使用一个(或简单的配置对象),但由于该模块是为其他人设计的,可以包含在他们的项目中,并且可以通过 Bower 安装,我不喜欢全局选项被吹的想法当模块得到更新时离开。我知道.constant()可以包含在另一个文件中,但是用户必须包含它 - 我更希望模块包含所有内容(默认值),然后用户可以根据需要扩展/修改。

我正在设想一种与 jQuery 插件模式类似的方法,例如:

插件

0 投票
2 回答
600 浏览

javascript - 如何创建 Angular 模块的多个实例

我有一个具有以下基本结构的应用程序,

当用户更改查看天气的颜色偏好时,它会存储在 userColorPreferencesService.js.

但是,我想添加另一个视图,您可以在其中查看所有朋友的仪表板,这意味着创建一个新的模块微实例。但是,当我这样做时,他们将覆盖服务中的颜色首选项。

如何在一页上拥有同一模块的多个实例?

0 投票
0 回答
58 浏览

javascript - 学习 Angular 种子符号

我正在关注一个问题(ui bootstrap modal 的控制器'未定义'),然后我尝试修改嵌套控制器、不同的范围调用以及重命名/重构代码(用于学习)。

我无法让它在My Plunker中工作,所以我有几个问题:

  1. 为什么它不起作用?

  2. 最初的问题显示创建一个新模块,而不是将控制器附加到应用程序模块 - 为什么?这是推荐的吗?

  3. 如果PageController是祖先控制器,它的$scope.open方法将如何引用其他控制器open定义?

代码:

0 投票
2 回答
3550 浏览

javascript - AngularJS 无法实例化模块

出于某种原因,我的 angularjs 模块没有正确加载。我对此很陌生,我已经阅读了很多教程,但我似乎无法让它工作。

[17:22:36.338] 错误:[$injector:modulerr] 无法实例化模块 wc2013mongoMod,原因是:[$injector:nomod] 模块 'wc2013mongoMod' 不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

我发现了这个问题,这似乎与我的问题非常接近:AngularJS: Uncaught Error: [$injector:modulerr] Failed to instantiate module?

它建议重新安排包含脚本的顺序。我试图将脚本放在正文的末尾,但没有运气。我也尝试将它们放入<head>元素中,但仍然没有运气。我在这里做错了什么?

我正在使用 Jade,但生成的 HTML 如下所示:

javascript看起来像这样:

0 投票
1 回答
3060 浏览

javascript - 创建虚拟键盘作为 AngularJs 模块?

我有一个 AngularJs 应用程序,我需要创建一个虚拟键盘。键盘应该是一个单独的模块。我的问题是我不确定如何正确构建我的模块?它应该作为指令,还是服务等来实现?我希望我的虚拟键盘在单击文本区域时显示,否则隐藏。所以我需要帮助如何开始构建这个模块。逻辑应该在哪里实现?哪里的景色?