Angular:在 String 上使用 ngSwitch 包括？

Question

当产品描述搜索包含关键字时，我正在编写大量 ngIf 语句，呈现 html 表单。

如何将其转换为 ngSwitch？

当前的 ngIf 语句

<app-store *ngIf="message?.productDescription.includes('Cars')">
     <app-carform></app-carform>
</app-store>
<app-store *ngIf="message?.productDescription.includes('Reading')">
     <app-bookform></app-bookform>
</app-store>
<app-store *ngIf="message?.productDescription.includes('Furniture')">
     <app-homefurnitureform></app-homefurnitureform>
</app-store>

ngSwitch 示例:

我正在阅读 Sample Ngswitch 语句，但不知道如何转换上面的内容，如果它甚至可能是 Angular 话。

<div [ngSwitch]="productDescription">
  <p *ngSwitchCase="'Cars'"><app-carform></app-carform></p>
  <p *ngSwitchCase="'Reading'"><app-bookform></app-bookform></p>
  <p *ngSwitchCase="'Furniture'"><app-homefurnitureform></app-homefurnitureform></p>
</span>

Answer 1

我刚读到一些关于 ngSwitch 条件的自定义技巧，你能试试这样的东西吗:

<div [ngSwitch]="true">
    <app-carform *ngSwitchCase="message?.productDescription.includes('Cars')"></app-carform>
    <app-bookform *ngSwitchCase="message?.productDescription.includes('Reading')"></app-bookform>
    <app-homefurnitureform *ngSwitchCase="message?.productDescription.includes('Cars')"></app-homefurnitureform>
</div>

来源:https://stackoverflow.com/a/45950368/8597732