问题标签 [angular-amd]

尝试使用requirejs实现延迟加载。当我不使用图表时，一切都很好。但是当我想使用图表（角度图表）时，不会成功！将chart.js与angular-chart一起使用。

这是 main.js：

这是 app.js：

如何实现它们之间的依赖关系？ 有什么建议么？有什么例子吗？

尝试使用Requirejs 和 AngularAMD实用程序和 angularjs 实现延迟加载。

一切都很好。

问题是我有多个控制器，所以当我想加载时addUserCtrl.js，它会被加载。我很高兴尚未加载其他控制器 js。

现在问题出现了：当我加载时allUsersCtrl.js，它被加载了，但addUserCtrl.js仍然在加载。所以我希望以前的控制器 js 不应该处于加载状态。因为应用程序有多个控制器。

我该如何解决？

在 app.js 的定义块中定义的依赖项被加载。

我想做的是：

如果我要加载仪表板控制器，它需要与图表相关的依赖关系，而任何其他控制器都不需要这种依赖关系。

问题：当应用程序加载时，所有依赖项都被加载，这是我不想要的。

注意：加载的依赖项意味着加载了 js 文件。

main.js

应用程序.js

示例控制器：

将angualr-translate 与 requirejs 一起使用。想要为每种语言创建单独的文件（包含翻译键），暂时都在 app.js 中。

示例- app.js

我正在尝试将 angular-ui-router 与 angularAMD 一起使用，但有一件事我无法工作。

我有一个抽象状态（名为“first”）和另一个嵌套状态（名为“second”），它继承自“first”，并且包含一个带有 2 个视图的views键，每个视图都有自己的控制器和模板。

在 angularAMD repo (github.com/marcoslin/angularAMD/issues/62) 上，marcoslin 展示了一种方法，但我无法让它工作，因此我认为这不完全是我的情况:(

我正在以延迟加载的方式转换一些大项目，所以我认为问题可能来自仍未发现的副作用。我做了一个简单的 plunker 来检查它是否在更简单的环境中工作得更好，但它仍然不起作用。

本质上，我有问题的代码是这个：

请注意，我使用 angularAMD 提供的可能性来避免在 angularAMD.route() 方法中使用控制器键。如果您的控制器文件返回匿名函数，您可以执行此操作。

我的完整示例可以在这里找到： http ://plnkr.co/edit/5WBtd3R7k20yRkMazIuk?p=preview

编辑：我已经分叉了我的 Plunker，以展示当我尝试使用更传统的角度语法时会发生什么，而在加载我的控制器时不返回匿名函数。

所以控制器看起来像：

并且在 ui-router 中对 angularAMD 的调用更改如下（注意控制器键）：

在此处查看新的 Plunker：http://plnkr.co/edit/kPFBo7ssAtqAuiKdwnQ9?p= preview

这一次，当您没有加载您尝试使用的内容时，我会遇到通常的错误：

错误：[ng:areq] 参数“Second1Controller”不是函数，未定义

结束编辑

有人帮我吗？:)

干杯！

乔尔

似乎我想念使用 AngularAMD 在代码上运行 r.js。

我定义了以下路线，只要我不运行 r.js，它就可以正常工作，但是在我这样做之后，我得到了以下错误，

我显然错过了一些非常基本的东西。

说明是创建一个应用程序，如下所示：

然后像这样创建后续项目：

还有这条有用的线路：

任何后续的模块定义都只需要要求 app 创建所需的 AngularJS 服务

好吧，这对于后续的模块定义非常有用，但是app.config需要app.run我应该创建的许多必备模块——就像任何超出玩具级别的应用程序一样。所以显然我缺少一些简单的解决方案。如何创建应用所依赖的服务？

使用 AngularAMD/RequireJS 时是否可以将服务注入到路由/状态解析中？

在控制器加载之前使用路由/状态解析为控制器准备数据的模式是一种很好的做法。我发现它对于从服务器获取数据并将该数据存储在服务中特别有用，这是我在不使用 AngularAMD 时成功完成的。

当我实现 AngularAMD 并尝试将服务注入解析时，我收到“未知提供者”错误，引用了我尝试注入的服务。

下面是一个基本示例，它导致为 OtherService 引发 Unknown Provider 错误。

有没有人遇到过这个问题？为什么它不起作用的任何解决方案和/或解释？

这个问题 - angularjs + requirejs + dependency in resolve - 涉及相同的问题，但唯一的答案并不是特别有用。

我正在尝试构建一个 angularJs 应用程序，我也在使用 requireJs 和 angularAMD 包。

我的项目结构

我的 app.js 文件：

我的 main.js 文件

我的 index.html

我的测试html

所以，我正在导航到 url /，在网络选项卡上我可以看到我的控制器和模板已加载，但模板的内容没有呈现到ng-view元素中。

我正在使用angularJS和requirejsviaangularAMD来连接一个复杂的应用程序。

我的一个州有两个简单的观点，如下所示：

html

View1有一个指令：

并且view2有一个样式表，可以对页面应用一些样式，包括更改容器的height和。widthview1

我希望函数在 DOM 被样式表修改后linkFunctionAfterDomComplete计算元素height和width属性，所以我将函数包装在.view2linkFunctionAfterDomComplete$timeout()

console.logfrom here 是在checkViewOneBoxWidth样式表中的样式view2修改此元素的大小之前报告此元素的大小，尽管我们希望在应用样式之后$timeout导致linkFunctionAfterDomComplete函数计算此元素的大小view2DOM 已完成。

在完全渲染并应用所有样式后，如何linkFunctionAfterDomComplete计算反映元素真实状态的元素属性？

http://plnkr.co/edit/WjGogh?p=preview