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>

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

Answer 1

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

my_data: any;

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

getCart(): Observable<Cart[]> {

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

Angular Property does not exist on type error