获取引导下拉列表中选择的项目与Angular4

Question

我建立动态下拉引导部件，如：

<div class="dropdown" > 
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"> 
    Selectionner un filtre...<span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" > 
    <li *ngFor="let v of items" (click) = "onSelect($event);">  <-- ?????? 

     <a class="dropdown-item" href="#">{{ v.val }}</a> 
    </li> 
    </ul> 
</div> 

我怎样才能获得所选项目的索引与我ONSELECT（）函数？ （$事件是的MouseEvent结构）

Answer 1

声明一个指数ngFor：

<li *ngFor="let v of items; let i = index" (click) = "onSelect($event, i);"> 
    <a class="dropdown-item" href="#">{{ v.val }}</a> 
</li>