如何使用ng-repeat填充asp.net中的表?

时间:2018-05-28 07:25:38

标签: angularjs asp.net-mvc angularjs-ng-repeat

我正在使用asp.net mvc和angularjs开发一个小型Web应用程序。 我遇到了一个问题,我需要将一组用户数据传递给我的cshtml文件并将其呈现在表中。但是,我得到的只是一张空桌子。要传递数组,我使用ViewBag,并填写表格,我在数组上使用ng-reperat,我不明白我在这里缺少什么。

这是我的控制器的代码,我在其中创建我的数组并将其放入ViewBag

 public class DashboardController : Controller
 {

        public IActionResult DashboardV6()
        {
            UserManager userManager = SchemaDataManager.getEntityDataManager<UserManager>();
            UserEntity[] users = (UserEntity[])userManager.getAll<UserEntity>();
            ArrayList usersList = new ArrayList();
            for (int i = 0; i < users.Length; i++)
            {

                User u = new User();
                u.token = users[i].token;
                u.username = users[i].username;
                u.createDate = users[i].createDate;
                usersList.Add(u);
            }

            ViewBag.userList = usersList;

            return View();
        }

        public class User
        {
            public String token { get; set; }
            public String username { get; set; }
            public DateTime createDate { get; set; }

        }
    }

这是我的cshtml代码:

    @{
        Layout = null;
        var list = ViewBag.userList as ArrayList; 
     }
<div class="panel panel-default">
    <div class="panel-heading">
        Users Table 
        <!----small>Chaning data</!--small-->
    </div>
    <div class="panel-body">
        <div ng-controller="DashboardV6Controller as table2">
            <form ng-submit="table2.addUser()" class="form-inline">
                <table datatable="ng" dt-options="table2.dtOptions" dt-column-defs="table2.dtColumnDefs" class="row-border hover">
                    <thead>
                        <tr>
                            <th>
                                <div class="form-group">
                                    <label>
                                        <input type="number" name="id" ng-model="table2.user2Add.userID" value="" class="form-control" />
                                    </label>
                                </div>
                            </th>
                            <th>
                                <div class="form-group">
                                    <label>
                                        <input type="text" name="firstName" ng-model="table2.user2Add.userName" value="" class="form-control" />
                                    </label>
                                </div>
                            </th>
                            <th>
                                <div class="form-group">
                                    <label>
                                        <input type="text" name="lastName" ng-model="table2.user2Add.userEmail" value="" class="form-control" />
                                    </label>
                                </div>
                            </th>
                            <th>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-labeled btn-success">
                                        <span class="btn-label">
                                            <em class="fa fa-plus"></em>
                                        </span>Add
                                    </button>
                                </div>
                            </th>
                        </tr>
                        <tr>
                            <th>User Token</th>
                            <th>User Name</th>
                            <th>Date</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="user in list">
                            <td>{{user.token}}</td>
                            <td>{{ user.username }}</td>
                            <td>{{ user.createDate}}</td>
                            <td>
                                <button type="button" ng-click="table2.modifyUser($index)" class="btn btn-sm btn-warning">
                                    <em class="fa fa-edit"></em>
                                </button>
                                <button type="button" ng-click="table2.removeUser($index)" class="btn btn-sm btn-danger">
                                    <em class="fa fa-trash-o"></em>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>

0 个答案:

没有答案