类型错误时不存在 Angular 属性

Question

在我的服务中，我有：

getCart(): Observable<Cart[]> {

    return this.http.get<Cart[]>(`${this.myApiUrl}/data/`); 
 }

在我的组件中：

my_data: Cart[]=[]

public loadCart() {

 this.cart_Service.getCart().subscribe((data: Cart[]) => this.my_data = data);

}

在我的 HTML 文件中：

<div *ngIf=" my_data">
    <p>  Grand Total : {{ my_data.grandTotal }} </p>
</div>

我收到错误消息：“类型 'Cart[]' 上不存在属性 'grandTotal'” 谁能帮我解决这个错误？我尝试了许多在线解决方案，但都不起作用。

Answer 1

我终于解决了这个问题。在我的组件中，我将 my_data 的类型更改为 any；

my_data: any;

我还像这样更改了 getCart() 函数：

getCart(): Observable<Cart[]> {

    return this.http.get<Cart[]>(this.myAppUrl + this.myApiUrl);
}