在我的組件和我的服務下方報告.component.html<div *ngFor="let report of reports">        <p>{{report.name}}</p>        <p>{{report.value}}</p>        <p>{{report.color}}</p></div>報告.component.tsexport class ReportComponent implements OnInit{reports = this.reportService.getLists('2020-03-20', '2020-03-26');constructor(private reportService: ReportService) {}ngOnInit(){}}報告服務.tsexport class ReportService {async getLists(startDate: string, endDate: string) {    this.getReport('2020-03-20', '2020-03-26').then(response => {      let lists = [    {        name: 'Opens',        value: response .opens, //2        color: 'green',      },        {        name: 'Closes',        value: response .opens, //1        color: 'red',      }];      return lists;    });  } async getReport(startDate: string, endDate: string) {    return await this.http      .get<Report>(       `https://localhost:44354/report?startDate=${startDate}&endDate=${endDate}`,        this.httpOptions      )      .toPromise();  } }可以初始化和填充數組列表嗎？我想在我的模板中使用 ngFor 循環，我不知道我是在組件還是服務中初始化數組。什么是最好的解決方案？更新export class ReportComponent implements OnInit {  reports: any;  constructor(private reportService: ReportService) { }  ngOnInit() {    // you still need to subscribe to obtain the result    this.reportService.getLists('2020-03-20', '2020-03-26').subscribe(        response => {            this.reports = response;             console.log(this.reports);      });  }}我測試了你的答案，但是它不起作用，我只是嘗試用值初始化我的數組，我的模板上有結果所以我認為，init數組不好..我只想使用報告對象從數組 List 初始化屬性值，例如 this.list[0].value = report.opens 我不知道它是否清楚....輸出(2) […]    0: {…}        name:"Opens"        value: 2        color:"green"        <prototype>: Object { … }    1: {…}        name:"Closes"        value: 1        color: "red"        <prototype>: Object { … }    length: 2    <prototype>: Array []在組件中的 console.log(this.report) 上方。