在Angular中合并结果

Question

我（在Angular 4中）有一个由服务返回的产品列表（例如，每个产品都有一个ID和一个Description）以及带有产品ID和购买日期的客户购物篮。我想显示产品清单（ID，描述），其中包含针对客户购物篮中产品的粗体描述以及购买日期。因此，这看起来像（例如）： 1-鞋子 2-葡萄酒 3-洗衣机-29.01.19 4-杂志

对此最好的办法是什么？我应该在TypeScript中创建产品的“扩充列表”，还是可以使用Angular指令？感谢您的帮助。

Answer 1

在没有看到您的具体实现的情况下，我会执行以下操作：

<ul>
    <li *ngFor="let product in products" [ngClass]="{ 'bold' : inCart( product ) }" />
</ul>

然后在您的组件中：

inCart( product : any ) : boolean {
    return this.cart.includes( product ); 
} 

然后在CSS中：

.bold {
    text-style: bold;
}