md-datepicker没有显示出来

Question

我想知道为什么我的md-datepicker没有显示出来。我在部分html中有这个html代码。

<div ng-if="question.QuestionTypeId == 4" class="row text-left options" style="">
    <md-datepicker ng-model="foo" md-placeholder="Enter date" ng-change="Test(question)"></md-datepicker>
</div>

我有以下libs引用

<script src="~/App/Apps/fnncialQsApp.js"></script>
<script src="~/App/Services/userDataRepo.js"></script>
<script src="~/App/Controllers/fnncialQsCtrl.js"></script>
<script src="~/Scripts/angular/angular-messages.min.js"></script>
<script src="~/Scripts/angular/angular-animate.min.js"></script>
<script src="~/Scripts/angular/angular-aria.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.css">

<div ng-app="userFinancialData" class="container">
   <div ng-view></div>
</div>

如图所示。仅显示了一个小的隐藏方形元素。

Answer 1

您需要在启动 angular 模块时添加 'ngMaterial'。鉴于所有其他依赖的 java 脚本文件都导入到文件中，使用 CDN 链接或本地复制。 代码看起来像：

angular.module("CustomerManagement", ['ngMaterial']);