在AngularJS中,获取最后一列的不同合计可以通过以下步骤实现:
下面是一个示例代码:
HTML页面:
<div ng-app="myApp" ng-controller="myCtrl">
<table>
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>合计</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="data in dataArray">
<td>{{data.column1}}</td>
<td>{{data.column2}}</td>
<td>{{data.column3}}</td>
<td>{{data.column1 + data.column2 + data.column3}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">总计</td>
<td>{{total}}</td>
</tr>
</tfoot>
</table>
</div>
AngularJS控制器:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.dataArray = [
{column1: 1, column2: 2, column3: 3},
{column1: 4, column2: 5, column3: 6},
{column1: 7, column2: 8, column3: 9}
];
$scope.total = 0;
angular.forEach($scope.dataArray, function(data) {
$scope.total += data.column1 + data.column2 + data.column3;
});
});
在这个示例中,我们使用ng-repeat指令在表格中循环显示数据数组的每个对象。在最后一列中,我们将每个对象的属性值相加,得到该行的合计值。最后,我们使用插值表达式将总计值显示在表格的底部。
这是一个简单的示例,你可以根据实际需求进行修改和扩展。如果你想了解更多关于AngularJS的信息,可以访问腾讯云的AngularJS产品介绍页面:AngularJS产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云