AngularJS SPA模板

Question

我读了很多关于AngularJS的文章，我非常喜欢它背后的概念，想亲身体验一下。我已经阅读了几个教程，并最终下载了Visual Studio模板SPA，这就是“乐趣”停止的地方。在我看来-使用这个模板似乎与创建SPA的想法背道而驰-几乎没有什么例子可以继续下去。

默认情况下，安装的SPA模板设置如下：

app
app_start
Content
Images
Routing
Scripts
  Vendor
  app.js
  controller.js
  (the rest you get the idea)
Views
you get the idea.

这个问题真的困扰着我。例如，我想插入一个曲棍球运动员和教练页面(两个单独的SPA)，以便在当前主页内容下工作。这就是我对“分离”有点迷茫的地方。

在我看来，我必须为coach和player添加一个到app.js的路由和一个到controller.js的控制器，但我不喜欢这样，因为我想将player和coach控制器代码分开，并将其放在player和coach模块下。

但我试着做的事失败了：

Module
   Player
      playerApp.js
      playerControl.js
      player.cshtml
   Coach
      coachApp.js
      coachControl.js
      coach.cshtml

我正在努力把他们“勾搭”起来。我当然不想把教练控制器和球员控制器放在脚本文件夹下的control.js文件中，而把视图(球员和教练)放在视图文件夹下。它将变得太难阅读，并最终变得混乱。

对于我应该阅读的内容，任何指导都将不胜感激。

谢谢,

Answer 1

这是一个有点固执己见的问题和答案，但我想提供一个可能的方案，我发现效果很好。

除非你对Razor有迫切的需求(即现有的用户控件)，否则你最小的阻力就是根本不使用ASP.Net MVC。相反，您可以利用JSON，它的操作类似于ASP.Net，但提供了一个REST接口来处理WebAPI数据，而不是使用视图和服务器路由。

在你的Web App中，你可以简单地使用一个可以与angular连接的index.html，并且你的各个模块可以被分开，而不需要关心多个“应用”页面，如何在它们之间交互，等等。

在服务器上，您可以从不同的URL运行WebAPI，或者更常见的是从http://yoursite.com/api/之类的地址运行。IIS将配置为重定向任何非静态文件(.css、.js、图像等)。或者api回调到单个index.html。