Bootstrap：下拉切换项目在 Safari 中不起作用

Question

我有一个使用 bootstrap 3.3.7 和 jquery 1.12.4 的 angular 2 应用程序。代码如下：

<div class="btn-group">

                <button type="button" class="btn dropdown-toggle"
                        title="More actions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                        >
                    <span class="sr-only">More actions</span>
                    <i class="fa fa-ellipsis-v fa-lg" ></i>
                </button>

                <ul class="dropdown-menu dropdown-menu-right menu" role="menu">
                    <li>
                        <button *ngIf="itemViewModel.IsCopy !== true" type="button" class="btn dropdown-button" (click)="Copy($event)" title="Copy"
                                >
                            <i class="fa fa-files-o" (click)="Copy($event)"></i>
                            Copy
                        </button>
                    </li>
                    <li>
                        <button type="button" class="btn dropdown-button" (click)="Move($event)" title="Move">
                            <i class="fa fa-arrows" (click)="Move($event)"></i>
                            Move
                        </button>
                    </li>
                    <li>
                        <button *ngIf="itemViewModel.IsShare !== true" type="button" class="btn dropdown-button" (click)="Share($event)" title="Share">
                            <i class="fa fa-share " (click)="Share($event)"></i>
                            Share
                        </button>
                    </li>
                    <li>
                        <button type="button" class="btn dropdown-button" (click)="removeItem($event)" title="Delete">
                            <i class="fa fa-trash" (click)="removeItem($event)"></i>
                            Delete
                        </button>
                    </li>
                </ul>
            </div>

下拉菜单看起来不错。但是单击列表中的各个按钮不会调用关联的事件处理程序。此问题出现在 iOS 上的 Safari 浏览器和 Android 上的 Chrome 上。但是，它可以在笔记本电脑/台式机上的 Edge 和 Chrome 上完美运行。

我已经尝试过在 stackoverflow 和 github 上为早期版本的 Bootstrap 提供的各种解决方案，但它们都不起作用。

如何让它工作？

Answer 1

我通过使用 ng2-bootstrap 的下拉菜单解决了这个问题 --> https://github.com/valor-software/ng2-bootstrap