我創建一個web應用程序中，在我的名單我得到一個名爲TLIST列表，獲取從列表中特定數據的總和angularjs
這是我的數據看起來像
0
:
{id: "135", tid: "1", date: "Aug 24 2017 12:00AM", amount: "1700", empname: "Andrew Charles", …}
1
:
{id: "136", tid: "1", date: "Aug 25 2017 12:00AM", amount: "1200", empname: "Andrew Charles", …}
現在我想獲得我的列的金額總和
我需要在這裏做什麼？
$scope.Tlist
這是我的名單
我想進去$scope.gettotalamount 數據我需要做什麼？
可以遍歷你的對象來獲得總和
var app = angular.module("sub", [], function() {});
app.controller("my_ctrl", function($scope) {
$scope.Tlist={0
:
{id: "135", tid: "1", date: "Aug 24 2017 12:00AM", amount: "1700", empname: "Andrew Charles"},
1
:
{id: "136", tid: "1", date: "Aug 25 2017 12:00AM", amount: "1200", empname: "Andrew Charles"}};
$scope.gettotalamount=0;
angular.forEach($scope.Tlist,function(value,key){
$scope.gettotalamount+=parseFloat(value.amount);
});
});<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body ng-app="sub" ng-controller="my_ctrl">
<div>{{gettotalamount}}</div>
</body>這應該給你你需要的東西：
function addItUp(input) {
return input.map(item => +item.amount).reduce((a, b) => a + b, 0);
}
$scope.gettotalamount = addItUp($scope.TList);
這應該添加它，甚至假設你的'金額'是一個字符串。如果它是一個格式不正確的數字，它會有問題，但我假設你在這部分的錯誤檢查是徹底的。
看來你剛纔複製並粘貼了你的控制檯輸出，這不是你的數據的真實反映。如果它是一個數組，然後遍歷這些項目並從每個項目中獲取金額，如果它是一個對象，則遍歷每個鍵值對並從每個值中獲取金額（如Vivz指出的那樣）。
這裏有兩個例子：
// app.js
(function() {
'use strict';
angular.module("app", []);
})();
// main.controller.js
(function() {
'use strict';
angular.module("app").controller("MainController", MainController);
MainController.$inject = ['$scope'];
function MainController($scope) {
$scope.myArray = [{
id: "135",
tid: "1",
date: "Aug 24 2017 12:00AM",
amount: "1700",
empname: "Andrew Charles"
},
{
id: "136",
tid: "1",
date: "Aug 25 2017 12:00AM",
amount: "1200",
empname: "Andrew Charles"
}
];
$scope.myObject = {
0: {
id: "135",
tid: "1",
date: "Aug 24 2017 12:00AM",
amount: "1700",
empname: "Andrew Charles"
},
1: {
id: "136",
tid: "1",
date: "Aug 25 2017 12:00AM",
amount: "1200",
empname: "Andrew Charles"
}
};
$scope.arrayTotal = getTotal($scope.myArray);
$scope.objectTotal = getTotal($scope.myObject);
function getTotal(data) {
var total = 0;
if (angular.isArray(data)) {
// loop through each item in the array and add the amount to the total
angular.forEach(data, function(item) {
total += parseFloat(item.amount);
});
} else if (angular.isObject(data)) {
// it's an object so loop through each key/val pair and sum the
// amount property of the value
angular.forEach(data, function(val, key) {
total += parseFloat(val.amount);
});
}
return total;
}
}
})();<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<body ng-app="app">
<div ng-controller="MainController as MainCtrl">
<p>arrayTotal: {{arrayTotal}}</p>
<p>objectTotal: {{objectTotal}}</p>
</div>
</body>
我有動態列表，這是不與動態列表 –
如何爲您的動態列表的工作？它如何得到更新？ – Vivz
我從我的數據庫中獲取數據 –