在同一页面上运行多个ng-app容器

时间:2018-01-03 21:08:16

标签: javascript angularjs

我正在构建一个有角度的应用程序,我真的很想使用单个文件来处理某些事情,例如导航,元数据等。部分用于我的OCD,但主要是因为它会管理功能在未来很容易。

我已将其全部设置并运行,但似乎只有我的导航应用程序正在运行(看起来像这样)

<nav ng-app="nav">

拥有它自己的文件

<script src="js/nav.js">

然后,我尝试在其他应用中添加一些内容

<div ng-app="content">

但我在该应用中的控制器上遇到角度加载问题,说它们不是函数

Error: [ng:areq] Argument 'chartCtrl' is not a function, got undefined

即使ng-app内容脚本加载正常并且&#34; didload&#34;控制台日志我有图表控件的INSIDE工作正常......

只是想知道是否有人之前见过这样的事情。谢谢!

1 个答案:

答案 0 :(得分:1)

这不是个好主意。通过这种摇摇欲坠,你正在放弃使Angularjs变得有用的大部分功能。一个网站=一个应用程序是你想要的。如果您担心组织文件,它与Angularjs无关,而是与构建过程有关。有一个巨大文件的时间早已不复存在..您可以根据需要组织文件(进入文件夹结构),然后通过构建引擎(npm,grunt,gulp,webpack等)将它们连接/导入到一个文件中。 Angularjs应用程序然后按正确的顺序处理加载依赖项...只需阅读一些文章,如this和ofc文档..