Ошибка в * ngFor в Angular 9, когда я пытаюсь использовать его в теге привязки, он показывает, что «Нет атрибута соответствует атрибуту ngFor»

Question

<a *ngFor="let recipe for recipes" href="#" class="list-group-item clearfix">
  <div class="pull left">
      <h4 class="list-group-item-heading">{{ recipe.name }}</h4>
      <p class="list-group-item-text">{{ recipe.description }}</p>
      <span class="pull-right">
          <img src="" alt="{{recipe.name}}" class="img-responsive" style="max-height: 50px"/>
      </span>
  </div>
</a>

Я не могу использовать директиву ngFor здесь, из-за этого сообщения

Answer 1

ошибка опечатки:

вместо использования let recipe for recipes вы должны использовать как:

<a *ngFor="let recipe of recipes" href="#" class="list-group-item clearfix">