如何使用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显示每个Word。

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

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

谢谢

Answer 1

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