angular - Angular 9 中的 *ngFor 问题，当我尝试在 anchor 标记中使用它时，它显示 "No Directive is matched on attribute 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">