日期选择器的ngMaterial在角度js中不起作用

时间:2016-09-02 10:20:45

标签: javascript jquery angularjs html5 angular-material

我需要输入框中的日期选择器。搜索并发现ngMaterial提供了类似的功能。

我做了所有必需的文件包含但是收到错误。

  

angular.js:68未捕获错误:[$ injector:unpr]未知提供者:   $$ asyncCallbackProvider< - $$ asyncCallback< - $ animate< - $ compile

index.html 中,我想显示出生日期字段的日期选择器。

<div class="row">
                    <div class="form-group">
                        <label class="col-sm-5 control-label" for="dob">Date of Birth</label>
                        <div class="col-sm-6">
                                       <md-datepicker ng-model="answers.myDate" md-placeholder="Enter date"></md-datepicker>
                        </div>                    
                    </div>                    
                </div>

app.js

var app = angular.module("autoQuote", ["ui.router", "ngResource","ngMaterial"]);
...

请帮我找到,我在这里缺少什么?

Plunker Link

2 个答案:

答案 0 :(得分:3)

Working Plunker https://plnkr.co/edit/F0iWzJqWeidDDSpFY9zK?p=preview

第一个错误: 对所有角度库使用相同版本:

您正在使用角度 v1.5.7 角度动画 v1.3.15 所以先解决这个问题

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-aria.min.js"></script>

第二个错误: 注入ngAnimate依赖项:

 var app = angular.module("autoQuote", ["ui.router", "ngResource","ngAnimate","ngMaterial"]);

希望这有帮助!

答案 1 :(得分:1)

看起来你的ng-animate与angular.js版本不匹配了吗? 相同?问题here