使用 VS2015 创建第一个 angularjs SPA答案

【问题标题】：Creating first angularjs SPA with VS2015使用 VS2015 创建第一个 angularjs SPA
【发布时间】：2016-08-23 13:28:58
【问题描述】：

我是 AngularJS 的新手，需要一些关于如何使用 Web API 为外部搜索应用程序构建 SPA 的建议

我必须使用 •MVC / razor 视图（将所有路由和渲染留给Angular）？或仅使用 1 个 VS2015 应用程序 [使用 Angularjs SPA 模板用于 VS2015 或仅使用具有 angular 文件的空 Web 应用程序和同一解决方案下的 webapi 项目？

任何例子都会有助于理解

对于角结构，我正在阅读 Google best practice 和 John Papa

【问题讨论】：

如果您正在构建 C# MVC 应用程序，则首选使用 Razor 视图。在构建 angularjs SPA 时，只需将 HTML 和 angularjs 用于前端和 web api 或任何其他 api 来为 spa 提供数据。

【解决方案1】：

嗯，我想你现在遇到了什么。我可以建议您选择两种方式。

如果你想把你的后端和前端保持在一起，你可以去 VS2015 的 angularjs SPA 模板。它会附带构建管道、捆绑包和您需要的一切。现在，您可以选择使用 MVC razor 视图渲染您的单个 Angular 页面（如果您想要任何机制，您希望通过 razor 视图包含您的依赖项），或者只使用空白的 html 和 web背面的 api 控制器。但是你最终会为所有人使用一个环境，我认为如果你正在构建完整的项目，那是最好的。
现在，反过来，您可以从 Web api 项目开始。您可以用它或其他地方实例化您的角度项目。您可以使用yeoman 或任何您喜欢的脚手架工具，并使用您自己想要使用的 JS 工具。你也可以在 VS 项目中做同样的事情，但如果你想保持前端和后端风格分开，这种方法会更好。

我也建议使用打字稿。

【讨论】：

在选项 1 中，一个建议是使用 ASP.Net Web Application 然后选择 Empty 项目模板。在里面设置角度结构，然后在项目中添加WebApi Controller.cs文件？
从技术上讲，是的。如果您想要更多不干涉的方法，请查看here。而且，如果您有灵活性并且特别喜欢冒险，您甚至可以给Asp.net Core 一个机会。