如何使用angular js在html表中显示数据表值

Question

我在 OrderDetails.aspx.vb 中有一个数据表

Public Outlets As New DataTable
Outlets = objOrdersData.GetOnlineConfigCall()

在我的 OrderDetails.aspx

<script>
var Outlets = '<%=Outlets%>';
</script>

我想使用 AngularJS 在 html 表中显示插座详细信息

我将我的 html 表定义为

<table class="table">
<thead>
<tr> <th>Outlets</th>   
</tr>
</thead>
<tbody>
<tr data-ng-repeat="outlet in Outlets">
<td><a >{{outlet.PartnerName}}</a></td>
</tr>
</tbody>
</table>

但它不起作用。

Answer 1

如果Outlets是一个有效的 js 数组，您只需要将其分配给控制器中的作用域变量，例如：

OrderApp.controller("OrderCntrl", ['$scope', function ($scope) { 

  $scope.outlets = Outlets;

}]);

然后在模板中绑定您的数据，如：

<tr ng-repeat="outlet in outlets">
  <td><a >{{outlet.PartnerName}}</a></td>
</tr>