Angular $mdDialog - 显示相同 window

Question

我一直在弄乱 $mdDialog 并从 Angular.org Demo 逐字复制代码。执行时，结果显示在当前 window 中，而不是像示例那样显示在覆盖对话框中。每个场景（警报、确认、提示、自定义和选项卡）的结果都是相同的，并且在 Chrome 和 Firefox 中都是运行。

以下CodePen 重复了该问题。 HTML在CodePen中的CSS和JS下面。

<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>MVA Intro to Angular</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Custom CSS -->
<link href="assets/css/fundraising-section.css" rel="stylesheet">
</head>
<!--<body ng-app="mainApp">-->
<body ng-controller="testDialogCtrl">

<div ng-controller="testDialogCtrl">
    <md-button class="md-primary md-raised" ng-click="showAlert($event)">
        Alert Dialog
    </md-button>
    <md-button class="md-primary md-raised" ng-click="showConfirm($event)">
        Confirm Dialog
    </md-button>
    <md-button class="md-primary md-raised" ng-click="showPrompt($event)">
        Prompt Dialog
    </md-button>
    <md-button class="md-primary md-raised" ng-click="showAdvanced($event)">
        Custom Dialog
    </md-button>
    <md-button class="md-primary md-raised" ng-click="showTabDialog($event)">
        Tab Dialog
    </md-button>
</div>

<!-- /.container -->
<!--<script type="text/ng-template" id="uiSelect" src="app/shared/uiSelect.html"></script>-->
<script src="Scripts/angular/angular.js"></script>
<script src="Scripts/angular-material/angular-material.js"></script>
<script src="Scripts/angular-animate/angular-animate.js"></script>
<script src="Scripts/angular-aria/angular-aria.js"></script>
<script src="app/app.module.js"></script>
<!--<script src="app/main.js"></script>-->
<script type="text/javascript">
    console.log("angular object", angular);
</script>
</body>
</html>

非常感谢任何想法。

Answer 1

问题已解决。在进一步了解 CodePen 并添加资源后，项目中需要 CSS 资源。

https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.1/angular-material.css

Angular $mdDialog - 显示相同 window

Angular $mdDialog - displaying in same window

javascript

angularjs

mddialog