Javascript 为什么赢了'；这个有角度的日期选择器是否出现并正常工作？

我试图在我的应用程序中实现，但它不起作用

这是我的HTML：

HELLO WORLD!
<div ng-controller="DatePickerCtrl" style='padding: 40px;'>
    <md-datepicker ng-model="myDate" md-placeholder="Enter date" md-min-date="minDate"></md-datepicker>
</div>

但它不起作用。当我运行它时，我会看到一个非常奇怪的行为，一个样式化日历的黑白大图像出现，但没有实际的日期选择。看一看:

发生什么事了？如何解决这个问题？ JSFIDLE是。但它并没有表现出同样的行为。在JSFIDLE中，我在控制台上看到以下错误：

Uncaught SyntaxError: Unexpected token <

未捕获的语法错误：意外标记<

我认为您可能缺少角度相关性。您需要以下CDN才能使您的应用程序正常工作。JSFIDLE不允许http外部源

 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <style>

---

这是为您准备的可用插件：

JSFIDLE对我来说是坏的，因为外部资源似乎不可用（因此出现了“意外令牌”错误）Corvus，是的。我在JSFIDLE的左面板中明确添加了两个资源（

ngMaterial

和

ngmessages

）。我不知道为什么它找不到它们。我假设您的实际应用程序包括角度材质的相关“依赖项”——包括css文件？mgilson，Hmmmm。有趣的一点。我相信我有那些CSS文件。要安装角材料，我刚刚做了

bower安装角材料

。在bower安装的目录中，我确实看到了一些

.css

文件。是的，谢谢。原来我丢失了angular material的css文件。我在日期选择器之前插入了以下行，它起了作用：

是的，谢谢。原来我丢失了angular material的css文件。就在我的日期选择器之前，我插入了下面这行代码，它成功了：

很高兴它帮助了你：）

 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <style>