arrays - Angular，如何从收入数组中计算总和？

Question

无法计算总 收入。我的结果是 total = 0 ，但希望看到 "650" 。真的无法理解我做错了什么:(

当我 console.log(this.interfaceArray.map(t => t.income))在控制台中有一个空数组：

但是如果数组为空，为什么我的表中会出现结果？

接口.ts

export interface userInterface {

    _id: string
    username: string
    income : number
    icnomeDate: Date
}

HTML：

<h1>Total income: {{sumOfIncome()}}</h1>

组件.ts：

import { userInterface} from '../shared/user.interface'
import { UserService } from '../shared/user.service';

interfaceArray : userInterface[]=[]

 userList(){
    this.userService.getUsers().subscribe(
      (res) => {
        this.userService.interfaceArray = res as userInterface[]
      }
    )
  }

sumOfIncome(){
    return this.interfaceArray.map(t => t.income).reduce((a , b) => a + b, 0);

        //console.log(this.interfaceArray.map(t => t.income))
  }

标签： arraysangularsumfilteringsubtotal