为什么这个角度日期选择器不会出现并正常工作？

Question

我正在尝试在我的应用程序中实现this Angular Date-Picker，但它无效。

这是我的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>

这是我的Javascript：

myApp = angular.module('myApp',
  [
    'ngMaterial',
    'ngMessages'
  ]
);

myApp.controller('DatePickerCtrl', function($scope) {
    console.log('Hello!');
    $scope.myDate = new Date();
    $scope.minDate = new Date(
        $scope.myDate.getFullYear(),
        $scope.myDate.getMonth() - 2,
        $scope.myDate.getDate());
  }
);

但它不起作用。当我运行它时，我得到了这种非常奇怪的行为，其中显示了程式化日历的大型黑白图像，但没有实际的日期选择。看看：

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

Uncaught SyntaxError: Unexpected token <

Answer 1

我认为你可能错过了角度依赖。您需要以下CDN才能使您的应用正常运行。 JsFiddle不允许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>

以下是适合你的工作人员：http://plnkr.co/edit/zfY0azlAhD2MjOKm16qy?p=preview