下拉菜单 angular

Question

我想在 angular 中做一个下拉列表，但我只收到下拉列表中的第一项。

<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 中我收到了正确的值，但在第二个 *ngFor 中我只收到了列表中的第一项。下图中的示例。你能帮我解决这个问题吗？

Answer 1

这里是解决这个问题的正确代码：-

<div  class="dropdown-menu">
       <a class="dropdown-item" href="#" *ngFor="let project of projects">{{project.projectName}} </a>
</div>

你在错误的地方应用了 ngfor。

下拉菜单 angular

Dropdown angular

angular-dragdrop

bootstrap-4

angular