Angular Material 对话框操作按钮出现在顶部（而不是底部）

Question

相关代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"

并且，

$mdDialog.show(
              $mdDialog.alert()
                .clickOutsideToClose(true)
                .title('Please Login')
                .textContent('Please use facebook to login to Afsheen before making a purchase.')
                .ok('Got it!')
                .targetEvent(event)
            );

知道发生了什么事吗？

Answer 1

您同时使用了 bootstrap 和 material css，这是导致问题的原因，请检查 material 版本是否相同，

这是工作App

Angular Material 对话框操作按钮出现在顶部（而不是底部）

Angular Material Dialog action buttons appear on the top (and not on the bottom)

angularjs

angular-material