如何使用 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 从数据库中获取每个 Word，然后使用 AngularJS 将其显示在我的 index.cshtml 页面上。

我目前在我的 index.cshtml 中有 Razor：

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

这适用于获取和显示模型中的所有单词，但我想摆脱 Razor 并使用 JavaScript/Jquery 获取数据并使用 AngularJS 将其显示在那里。

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

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

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

谢谢

Answer 1

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