2016-08-27 2 views
0

Когда я добавляю 'ngMaterial', 'ngMessages' в main.js, моя страница становится пустой при загрузке после сохранения. На осмотре пустой страницы, я могу увидеть следующую LIBS и 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

Вы не должны включать в себя также угловые MESSAgES 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> 

Fixed, добавив bower.json и через обновление весь LIBS

Смежные вопросы