javascript - 我应该在 ASP.NET MVC 应用程序中的哪里引用 Angular Controller ？

Question

当我们在 ASP.NET MVC 和 Angular 中开发应用程序时，我们必须选择一个存储 Angular 脚本的位置。 Angular 模块所在的主应用程序文件通常放置在 Scripts 目录中并在布局 View 中引用。

但是 Controller 呢？ Angular Controller 通常绑定(bind)到 View 。人们很容易将其放在 View 内的脚本部分中。

@section scripts{
    <script type="text/javascript">

        'use strict';

        foo.controller('fooBarCtrl',
        ...

但这不是一个好主意，因为该 Controller 不会是一个单独的 JavaScript 文件，也不会被缓存(甚至更糟糕 - 在某些情况下，即使我们不希望它被缓存，也会被缓存)。

将 Controller 放入 Scripts\Controllers 是很常见的做法目录中，每个 Controller 放入单独的文件中。它不仅有助于避免缓存问题，还可以防止混合 Razor 和 JavaScript。如果我们将脚本打包在一个包中，它还允许缩小脚本。

我的问题是 - 我们应该如何引用这些脚本？我见过一些示例，其中所有脚本都加载到布局中的单个包中。这似乎不是最好的解决方案，尤其是对于大型项目。我们是否应该将每个脚本包装在单独的包中并在脚本部分中引用它？

@section scripts{
    <script src="@Url.Content("~/Scripts/Controllers/fooCtrl.js")" type="text/javascript"></script>
}

引用 Angular Controller 的最佳实践是什么？

Answer 1

Angular 1.x 不支持开箱即用的延迟加载。我相信 v2 中已经解决了这个问题。因此，您要么在开始时加载所有脚本，要么使用类似 ocLazyLoad 的内容。启用延迟加载。

我个人将所有 Angular JS 代码添加到一个包中，并在 View 中加载该包。