gpt4 book ai didi

javascript - Angular JS、购物 list 、Total 不起作用

转载 作者:行者123 更新时间:2023-11-28 07:09:32 26 4
gpt4 key购买 nike

我有一个带有总计按钮的项目列表,但由于某种原因,总计按钮不起作用。我的教授说我们可以在一个 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com