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

Question

我正在构建一个 Angular 应用程序，我真的很想使用单个文件来处理某些事情，例如导航、元数据等。部分是为了我的强制症，但主要是因为它将使管理该功能变得更加容易沿着路走。

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

<nav ng-app="nav">

并且有自己的文件

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

然后，我尝试在另一个应用程序中添加一些内容

<div ng-app="content">

但是我在该应用程序中的 Controller 上遇到了 Angular 负载问题，说它们不是函数

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

尽管 ng-app 内容脚本加载正常，并且我在 ChartCtrl 内部的“didload”控制台日志工作正常...

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

Answer 1

这不是一个好主意。通过这种崩溃，您将放弃使 Angularjs 有用的大部分功能。一个网站=一个应用程序就是您想要的。如果你担心组织文件，它与 Angularjs 无关，而是与构建过程有关。拥有一个巨大文件的时代早已一去不复返了。您可以按照自己的意愿组织文件(放入文件夹结构中)，然后通过构建引擎(npm、grunt、gulp、webpack 等)将它们连接/导入到一个文件中。然后，Angularjs 应用程序以正确的顺序处理加载依赖项...只需阅读一些文章，如 this和 ofc 文档..