问题标签 [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.
angularjs - AngularJS 无法实例化模块
我是 AngularJS 的新手,我正在尝试创建身份验证服务,但我收到了这个错误。
这是我的代码:
服务.js
应用程序.js
索引.html
我做错了什么?
先感谢您 :)
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 链接不再有效。我已删除损坏的链接。提到的教程仍然可以查看。
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 中。
我最喜欢这个解决方案。
有没有更好的方法来做到这一点?
angularjs - 没有RequireJS的AngularJs延迟加载
在大型应用程序中,我们如何在需要时延迟加载模块、控制器、服务而不加载 index.html 中的那些。这里我指的是在相关的模板html中加载整个js,而不是在index.html中。(可能是具有模块、多个控制器、服务、给定功能的指令或具有多个控制器或服务的单个 js 文件的不同 js)
我不想使用 RequireJs。但是,我正在寻找角度本身的解决方案。
javascript - Angular 模块的可扩展全局配置
我正在寻找包含 Angular 指令/模块的全局选项。
我可以.constant()
在我的模块文件中使用一个(或简单的配置对象),但由于该模块是为其他人设计的,可以包含在他们的项目中,并且可以通过 Bower 安装,我不喜欢全局选项被吹的想法当模块得到更新时离开。我知道.constant()
可以包含在另一个文件中,但是用户必须包含它 - 我更希望模块包含所有内容(默认值),然后用户可以根据需要扩展/修改。
我正在设想一种与 jQuery 插件模式类似的方法,例如:
插件
javascript - 如何创建 Angular 模块的多个实例
我有一个具有以下基本结构的应用程序,
当用户更改查看天气的颜色偏好时,它会存储在 userColorPreferencesService.js.
但是,我想添加另一个视图,您可以在其中查看所有朋友的仪表板,这意味着创建一个新的模块微实例。但是,当我这样做时,他们将覆盖服务中的颜色首选项。
如何在一页上拥有同一模块的多个实例?
javascript - 学习 Angular 种子符号
我正在关注一个问题(ui bootstrap modal 的控制器'未定义'),然后我尝试修改嵌套控制器、不同的范围调用以及重命名/重构代码(用于学习)。
我无法让它在My Plunker中工作,所以我有几个问题:
为什么它不起作用?
最初的问题显示创建一个新模块,而不是将控制器附加到应用程序模块 - 为什么?这是推荐的吗?
如果
PageController
是祖先控制器,它的$scope.open
方法将如何引用其他控制器open
定义?
代码:
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看起来像这样:
javascript - 创建虚拟键盘作为 AngularJs 模块?
我有一个 AngularJs 应用程序,我需要创建一个虚拟键盘。键盘应该是一个单独的模块。我的问题是我不确定如何正确构建我的模块?它应该作为指令,还是服务等来实现?我希望我的虚拟键盘在单击文本区域时显示,否则隐藏。所以我需要帮助如何开始构建这个模块。逻辑应该在哪里实现?哪里的景色?