如何使用 Angular 7 在 html 中显示相关数据

Question

我是 Angular 7 的新手。我试图用 Angular 7 在 html 端显示产品的颜色，但我无法成功。

我的桌子如下；

产品

ID

名称

颜色

ID

名称

产品颜色关系

ID

产品编号

颜色标识

在 product.component.ts 文件中，声明了 product 变量

public product: Product;

在产品屏幕上，我试图用下面的代码显示产品的颜色

{{ product.ProductColorRelations[0].Name }}

但它不显示颜色的名称。我在这里做错了什么？