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に表示させます。

理想的には、DBからすべての単語を取得したい（IDについて気にしない）理想的には、スコープ内の配列に追加することです。次に、AngularJSを使用して、ng-repeatを使用して各単語を表示することができます。

問題は、すべての単語をDB /モデルのスコープ内の配列に取得する方法がわかりません。

私は$.get()または$.ajax()を使用することができますが、実際にはDB /モデルでどのように使用するのか分かりません。

ありがとうございます

Answer 1

角度はクライアント側の技術です。 .Netはサーバー側です。あなたの.netコードは、Angularコードが使用できるAPIに変更する必要があります。 WebApiを読んで、Angularコードが消費できるRESTfulサービスを作成することをお勧めします。