angularjs - 在 ASP.NET MVC 中使用 Angular SPA 构建项目的正确方法是什么？

Question

我有一个 ASP.NET MVC 项目，里面有一个 Angular SPA。起初，我决定为 SPA 创建一个新区域，但后来我意识到我不会在该区域内使用任何模型或 Controller ，而只会使用 JavaScript 文件。所以，现在我的想法是将 SPA 的所有脚本放在 ASP.NET MVC 项目的主 ~\Scripts\文件夹中，但放在另一个文件夹 ~\Scripts\MySPAName\中，然后通过 ASP.NET MVC 加载 SPA看法。

在这种情况下构建项目的最佳方式是什么？

Answer 1

好吧，如果你想创建这样的项目，我建议你使用 MVC + WebAPI + Angularjs。你真的只需要 2 个 MVC Controller :Account对于所有登录/注销逻辑和Home只有一种简单的方法Index此 Index 方法返回仅包含一行代码的 View - div或 section或任何你想要的ng-view属性。这将是您的主要应用程序页面。为什么使用 WebAPI 更好？因为这些 Controller 比 MVC Controller 工作得更快，而 WebAPI 为您提供了很好的 REST 可能性。项目结构怎么样。我可以向你推荐我个人的 MVC + Angularjs 项目结构:

所以你有 API WebAPI Controller 的文件夹，标准 Controllers MVC Controller 的文件夹。在 Scripts文件夹中，您有单独的文件夹用于 Angular Controller 服务、通用库和一个 .js 文件 - 它是您的 Angular 模块和应用程序文件。此外，如果您在 Scripts/Controllers 中有额外的子文件夹，它会更好更干净。文件夹，以便您可以按类别(例如家庭、经理、价格等)拆分所有 *.js 文件。您还可以看到我有文件夹 Templates在我的项目的根目录中。在这里您可以放置​​您所有的html您将用作 angular 的文件 View /模板。我还建议您在这里创建额外的子文件夹，如 Scripts/Controllers子文件夹以获得更好和更清洁的结构
希望对你有帮助