javascript - AngularJS Bootstrap 下拉菜单在 IE 11 中不起作用

Question

我有一个 AngularJS Bootstrap 下拉菜单，其中显示了两个选项。它在 FF 和 Chrome 中完全正常工作，但 IE 显示出奇怪的行为。下拉菜单不显示选项并且似乎被隐藏了。调整窗口大小后，选项会像下拉菜单一样显示。

使用的Angular版本是1.4.3

这是我的代码

 <div class="btn-group ViewEditOption" dropdown>
                        <button id="single-button" type="button" class="btn btn-default" style="width: 100px; font-size: 14px; color: #364395;"
                            dropdown-toggle ng-disabled="disabled">
                            Can {{user.projectRoleName}} <span class="caret" style="margin-left: 5%;"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
                            <li role="menuitem" ng-repeat="role in availableRoles"><a class="dd" href="#" ng-click="updateRole($event, user, role)">
                                Can {{role.name}}</a></li>
                    </div>

Answer 1

这实际上是 Bootstrap 版本 3.3.5 的问题。 Windows 8 上的某些版本的 IE 不兼容。 您可以降级到版本 3.1.1。它会很好地工作