我有一个带有总计按钮的项目列表，但由于某种原因，总计按钮不起作用。我的教授说我们可以在一个 Controller 中放置两个函数。
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}}
关于javascript - Angular JS、购物 list 、Total 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31432149/