【问题标题】:Dropdown angular下拉角度
【发布时间】:2020-02-14 14:01:21
【问题描述】:

我想在 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 中我只收到了列表中的第一项。下图中的示例。 你能帮我解决这个问题吗?

【问题讨论】:

    标签: angular bootstrap-4 angular-dragdrop


    【解决方案1】:

    这是解决此问题的正确代码:-

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

    你在错误的地方申请 ngfor。

    【讨论】:

    • @abc 您能否提供在 jsfiddle 上添加代码以查看发生了什么?
    • 对不起,它正在工作......答案是正确的。谢谢!
    猜你喜欢
    • 2018-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-15
    • 1970-01-01
    • 2020-07-30
    • 2019-02-26
    相关资源
    最近更新 更多