我有一个带有总计按钮的项目列表，但是由于某些原因，总计按钮不起作用。我的教授说，我们可以在控制器中添加两个功能。
HTML：
<body ng-app="myModule">
<h3> Grocery List </h3>
<input type="text" ng-model"groceryList">
<div ng-controller="myController">
<p ng-repeat="grocery in groceries">
{{grocery.name| uppercase}}:
{{grocery.price}}
</p>
<button onclick="calcTotal()">Total</button>
<p ng-repeat="grocery.price in groceries">
Total: {{ getTotal() }}
</p>
</div>
</body>
Js：
angular.module('myModule', [])
.controller('myController', function groceryList($scope){
$scope.groceries=[
{name:'apples', price: 5},
{name: 'oranges', price: 4},
{name:'pears', price: 3}
];
$scope.calcTotal= function() {
var total = 0;
for (i=0; i<grocery.length; i++){
total+= grocery[i].price;
}
return total;
}
});
最佳答案
您的问题似乎是输入错误，请检查{{getTotal（）}}至{{calTotal}}