我正在使用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>