📅 最后修改于: 2023-12-03 15:38:54.354000 🧑 作者: Mango
在AngularJS中，计算数组项可以使用ng-repeat指令来实现。ng-repeat指令可以循环遍历数组中的每一项，并将每一项渲染到模板中。在循环过程中，可以通过$index属性来获取当前元素的索引。在模板中，可以使用ng-bind或者双括号语法{{}}来显示计算后的结果。
以下是一个实例，展示了如何计算数组项：
HTML代码：
<body ng-app="myApp">
<div ng-controller="myController">
<div ng-repeat="item in items">
{{ $index + 1 }}、{{ item.name }} - {{ item.price | currency }}
</div>
</div>
</body>
JavaScript代码：
var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
$scope.items = [
{ name: "Apple", price: 10 },
{ name: "Banana", price: 20 },
{ name: "Orange", price: 15 }
];
});
在上述代码中，“items”数组包含了三个元素，每个元素都包含了“name”和“price”属性。使用ng-repeat指令来循环遍历“items”数组，然后在模板中使用$index和item.name/item.price属性计算每个元素的索引和名称/价格。最终结果将会显示如下：
1、Apple - $10.00
2、Banana - $20.00
3、Orange - $15.00
以上就是如何计算AngularJS中的数组项的介绍。通过使用ng-repeat指令，您可以轻松地遍历数组，并计算每个元素的属性。希望对您有所帮助！