Twitter bootstrap Boostrap3下拉列表中的更改事件

我有一个使用ngx引导用Angular4编写的web应用程序。我需要从引导下拉菜单调用文件打开对话框。我在这里找到了一个很好的例子，介绍了如何制作HTML和CSS，使下拉列表看起来很好：

我的HTML如下所示：

<li dropdown class="btn-group" container="body">
    <a href dropdownToggle (click)="false" role="button" >Desktop&nbsp;<span class="caret"></span></a>
    <ul *dropdownMenu class="dropdown-menu">
        <li role="menuitem" *ngFor="let desktop of desktops$ | async">
            <a class="dropdown-item" routerLink="/{{desktop.$key}}">{{desktop.name}}</a>
        </li>
        <li class="divider dropdown-divider"></li>
        <li role="menuitem"><a class="dropdown-item" (click)="childModal.show()" style="cursor:pointer;">New...</a>
        <li role="menuitem"><a class="dropdown-item" href="#">Delete...</a>
        <li role="menuitem"><a class="dropdown-item" href="#">Share...</a>
        <li class="divider dropdown-divider"></li>
        <li><a class="btn-file">
            Add files...<input type="file" (change)="detectFiles($event)" style="cursor:pointer;" />
        </a></li>
        <!--<li role="menuitem"><a class="dropdown-item" routerLink="/add-files">Add files...</a>-->
        <li role="menuitem"><a class="dropdown-item" href="#">Remove files...</a>
    </ul>
</li>

为了获取用户选择的文件，我在输入中添加了一个（change）=“detectFiles（$event），但是调用的函数较新

如果我移动代码：

<li><a class="btn-file">
    Add files...<input type="file" (change)="detectFiles($event)" style="cursor:pointer;" />
</a></li>

但我无法真正理解建议的解决方案，以及如何在Angular应用程序中应用它们

那么，如何从BootsTap3下拉列表中获取（更改）事件呢？
问题是我从ngx bootstaps v4文档中复制了HTML下拉代码。因此，删除container=“body”就可以了