Angularjs 如何使用ng repeat在asp.net中填充表格?
我正在使用asp.NETMVC和angularjs开发一个小型web应用程序。 我遇到了一个问题,需要将一个用户数据数组传递给我的cshtml文件,并将其显示在一个表中。然而,我得到的只是一张空桌子。为了传递数组,我使用ViewBag,为了填充我在数组上使用ng result的表,我不明白我在这里缺少了什么 这是我的控制器的代码,我在这里创建了我的数组并将其放入ViewBagAngularjs 如何使用ng repeat在asp.net中填充表格?,angularjs,asp.net-mvc,angularjs-ng-repeat,Angularjs,Asp.net Mvc,Angularjs Ng Repeat,我正在使用asp.NETMVC和angularjs开发一个小型web应用程序。 我遇到了一个问题,需要将一个用户数据数组传递给我的cshtml文件,并将其显示在一个表中。然而,我得到的只是一张空桌子。为了传递数组,我使用ViewBag,为了填充我在数组上使用ng result的表,我不明白我在这里缺少了什么 这是我的控制器的代码,我在这里创建了我的数组并将其放入ViewBag public class DashboardController : Controller { p
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; }
}
}
公共类仪表板控制器:控制器
{
公共IActionResult仪表板v6()
{
UserManager UserManager=SchemaDataManager.getEntityDataManager();
UserEntity[]用户=(UserEntity[])userManager.getAll();
ArrayList usersList=新的ArrayList();
for(int i=0;i
以下是我的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>
@{
布局=空;
var list=ViewBag.userList作为ArrayList;
}
用户表
添加
用户令牌
用户名
日期
{{user.token}
{{user.username}
{{user.createDate}
angularjs控制器和MVC控制器是不同的,我明白了,所以angularjs控制器用ui处理用户操作,而MVC控制器处理url请求?