Asp.net mvc 3 使用ASP.NET MVC3和AngularJS

我刚刚开始使用ASP.NETMVC3框架和@razor开发一个全新的网站。 我想在客户端使用angular JS框架，但两者的使用都有点混乱。 如何循环数组？ 在ASP.NET MVC中，我将编写以下HTML：

  <ul>
       @foreach (var item in this.Model)
          {                            
                 <li> 
                      @item.Name                                                                
                 </li>
          }
  </ul>

 <ul>
      <li ng-repeat="item in list">
          {{item.name}}
      </li>
 </ul>

@foreach（此.Model中的var项）
{                            

@项目名称

}

在Angular中，我将编写以下HTML：

  <ul>
       @foreach (var item in this.Model)
          {                            
                 <li> 
                      @item.Name                                                                
                 </li>
          }
  </ul>

 <ul>
      <li ng-repeat="item in list">
          {{item.name}}
      </li>
 </ul>

{{item.name}

---

这两种方法中哪一种是最正确的方法？

就最终结果而言，这两种方法几乎没有区别，如果您愿意，您可以使用其中一种或两种方法。不同之处在于生成代码的过程

在MVC中，最终的HTML是使用服务器端提供的数据在服务器端生成的。在服务器上创建并填充模型中的数据，使用MVC将数据格式化为结构化html代码段，然后在响应中将最终html发送回客户端浏览器

在AngularJs中，一个html模板被传递回客户端web浏览器，以及获取数据的逻辑，这些数据将与模板一起使用。通常通过AJAX从某种web服务或api检索数据。然后浏览器中使用AngularJs框架的JavaScript引擎将获取该模板，检索数据并将其重新格式化为客户端的网页

---

它们实际上都提供了相同的最终结果。通常，这只是在数据格式化的方式和位置之间进行选择。对于我接触过的大多数将MVC和AngularJs结合在一起的开发人员来说，列表是一个很好的例子，它通常传递给AngularJs来处理客户端，只保留MVC用于AngularJs不太适合的功能，比如安全性。

谢谢你的回答。这真的帮助了我。