アンギュラーでドロップダウンを行いたいのですが、ドロップダウンのリストから最初のアイテムしか受け取りませんでした。
<div class="form-group">
<h4>Projects</h4>
<div *ngFor="let project of projects">
{{project.projectName}}
</div>
<!-- Example single danger button -->
<div class="btn-group">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Projects
</button>
<div *ngFor="let project of projects" class="dropdown-menu">
<a class="dropdown-item" href="#">{{project.projectName}} </a>
</div>
</div>
</div>
最初の *ngFor では正しい値を受け取りましたが、2 番目の *ngFor ではリストから最初の項目しか受け取りませんでした。以下の写真の例。 この問題を解決するのを手伝ってくれませんか?