2016-08-27 23 views
0

当我在main.js中添加'ngMaterial', 'ngMessages'时,我的主页在保存后变为空白。在检查空白页,我能看到下面的库和CSS正确加载给定的顺序无法在页面中看到角度实现

的index.html

<link href="assets/css/angular-material.min.css" rel="stylesheet"> 

<script src="assets/js/lib/angular.min.js"></script> 
<script src="assets/js/lib/angular-route.min.js"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-messages/1.5.8/angular-messages.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script> 
<script src="https://gitcdn.link/repo/angular/bower-material/master/angular-material.js"></script> 

与CDN

enter image description here

也试过

main.js

var app = angular.module(indexModuleName , [ 
    'ngRoute', 'ngMaterial', 'ngMessages' 
]); 

controller.js

app.controller('searchCtrl', function($scope){ 
    $scope.user = { 
     search: '', 
    }; 
}); 

施加HTML

<md-input-container class="md-block" ng-controller="searchCtrl" > 
    <input ng-model="user.search" placeholder="Search" ng-required="true"> 
</md-input-container> 

控制台错误: enter image description here

Uncaught Error: [$injector:unpr] Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile 
+1

你不也需要包括角的消息JS固定它? – thepio

+0

@thepio它是角咏叹调的一部分,所以不需要添加 –

+0

噢好吧,不知道:) – thepio

回答

0

这是版本不匹配终于,

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

此前据,

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

加入bower.json,并通过更新整个库