ngIf內部有條件的角度數據綁定

Question

我正在嘗試顯示某些食品類別中的食譜，但沒有運氣。 我通過父組件內部的一系列食譜來循環進行此操作。

<div class="row">
  <div class="col-xs-8" *ngIf="{{ recipe.category }} === mexican">
      <h4 class="list-group-item-heading">{{ recipe.name }}</h4>
      <p class="list-group-item-text">{{ recipe.description }}</p>
  </div>
  <div class="col-xs-4">
      <img src="{{ recipe.imagePath }}" alt="{{ recipe.name }}" class="img-responsive">
  </div>

Answer 1

盡管問題尚不清楚，但我希望代碼片段可以工作。

<div class="row">
  <ng-container  *ngIf="recipe.category === 'mexican'">
    <div class="col-xs-8">
      <h4 class="list-group-item-heading">{{ recipe.name }}</h4>
      <p class="list-group-item-text">{{ recipe.description }}</p>
    </div>
    <div class="col-xs-4">
      <img [src]="recipe.imagePath" [attr.alt]="{{ recipe.name }}" class="img-responsive">
    </div>
  </ng-container>
</div>