Question

我是Angularjs的新手，我想实现一个类似于这个jsfiddel http://jsfiddle.net/NfPcH/93/的可编辑表（从官方的角度doc中检索），但是如何用一个List来填充表格而不是硬编码的数据从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>

此外，当更改并保存行时，如何将数据发送回备份以保存在数据库中？

Answer 1

我认为阅读快速入门教程，培训或书籍是个不错的主意。

这里有一个链接，可以在服务器端使用web api加上客户端上的angularjs，它只是从服务器加载一个项目列表。

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

使用来自数据库的动态数据绑定Angular

1 个答案: