2014-07-23 85 views
0

我是Angularjs的新手,我想實現類似於這個jsfiddel http://jsfiddle.net/NfPcH/93/(從官方角度文檔中檢索)的可編輯表格,但不是硬編碼數據,我該如何填充表格與MVC中的數據庫中檢索的數據列表或ViewBag?從數據庫中綁定角度動態數據

例如,而不是下面的這個MVC表我想實現同樣的事情,而是使用Angular來使表可編輯。

@if (ViewBag.Session != null) 
{ 
<table class="table table-hover"> 
    <tr> 
     <th> 
      ID 
     </th> 
     <th> 
      Name 
     </th> 
     <th> 
      Surname 
     </th> 
     <th> 
      House 
     </th> 
     <th> 
      Address 
     </th> 
     <th> 
      Locality 
     </th> 
     <th> 
      Contact 
     </th> 
     <th> 
      Contact 2 
     </th> 
     <th> 
      Contact 3 
     </th> 
     <th> 
      Reply 
     </th> 
     <th> 
      Edit 
     </th> 
    </tr> 
    @foreach (var item in ViewBag.Session) 
    { 
    <tr> 
     <td> 
      @item.ID 
     </td> 
     <td> 
      @item.Name 
     </td> 
     <td> 
      @item.Surname 
     </td> 
     <td> 
      @item.House 
     </td> 
     <td> 
      @item.Address 
     </td> 
     <td> 
      @item.Locality 
     </td> 
     <td> 
      @item.Contact1 
     </td> 
     <td> 
      @item.Contact2 
     </td> 
     <td> 
      @item.Contact3 
     </td> 
     <td> 
      @item.Reply 
     </td> 
    </tr> 
    } 
</table> 

此外,當一行被更改並保存時,如何將數據發送回備份以保存在數據庫中?

+0

AngularJS有一個非常不同的方法,即ASP.NET MVC。嘗試首先學習角度https://github.com/jmcunningham/AngularJS-Learning –

回答

0

我認爲這是一個好主意,您可以閱讀jumpstart教程,培訓或書籍。

在這裏你有一個開始使用web api在服務器端加上angularjs在客戶端上的鏈接,它只是從服務器加載項目列表。

http://www.youtube.com/watch?v=Ja2xDrtylBw