如何使用JavaScript/AngularJS从数据库/模型获取数据

Question

我是ASP.net，MVC和AngularJS的新手，所以我试图把这一切都弄清楚。

我有一个名为Words.cs型号包含：

namespace liveSearch.Models 
{ 
    public class Words 
    { 
     public int ID { get; set; } 
     public string Word{ get; set; } 
    } 
} 

数据库已填充了数据，我想使用JavaScript/jQuery来从数据库中获取每个字，然后使用AngularJS在我的index.cshtml页面上显示。

我现在有剃刀在我index.cshtml其作用：

@{ 
    foreach (var item in Model) 
    { 
     <li> 
      @Html.DisplayFor(modelItem => item.Word) 
     </li> 
    } 
} 

这个工作在获取和模型显示所有的话，但我想摆脱的剃刀和使用JavaScript/jQuery的让数据和AngularJS在那里显示。

理想情况下，我想从数据库中获取所有单词（我不关心这些ID）并将其添加到范围内的数组中。然后，我可以使用AngularJS通过使用ng-repeat来显示每个单词。

问题是我不知道如何从DB /模型的范围中将所有单词放入数组中。

我想我可以使用$.get()或$.ajax()但我真的不知道如何将它与DB /模型一起使用。

谢谢

Answer 1

Angular是一种客户端技术。 .Net是服务器端。您的.net代码必须更改为Angular代码可以使用的API。我建议你阅读WebApi来创建一个RESTful服务，然后你的Angular代码可以使用它。