0

Я имею вопрос с ngMaterial во время его включения в проект, то его показывает ошибку Uncaught Error: [$injector:unpr] Мои app.js файла выглядят как

angular 
     .module('app', ['ui.router','ngMaterial','objectTable']) 
     .config(config) 
     .run(run); 

и в представлении я есть включены файлы в указанном порядке

<!-- external scripts --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
<!-- bower plugins --> 
<script type="text/javascript" src="app-content/scripts/object-table.js"></script> 

<!-- application scripts --> 
<script src="app.js"></script> 
<script src="app-services/user.service.js"></script> 
<script src="app-services/flash.service.js"></script> 
<script src="home/index.controller.js"></script> 
<script src="account/index.controller.js"></script> 

Может ли кто-нибудь помочь мне решить эту проблему? Я попытался изменить порядок файлов, но проблема остается такой же.

+0

Ссылки на файл 'angular-material.js' загружены до app.js –

+0

Я думаю, вы должны разместить скрипты с угловыми материалами над сценариями приложения, что должно заставить его работать. – harshk17

+0

Пожалуйста, просмотрите отредактированный вопрос, но все же ошибка есть для заказа выше –

ответ

1

Должно быть так.

<!-- Angular Material Dependencies --> 
<script src="https://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-animate.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script> 


<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script> 

Импорт angular-animate и angular-aria перед тем angular-material.

см. Этот код. переключатель angular-animate импорт и смотреть разница.

http://codepen.io/next1/pen/NNRMeQ

+0

См. Отредактированный вопрос, но все же ошибка есть для заказа выше –

+0

'angular.min.js'' angular-animate.min.js' и 'angular-aria.min .js' должна иметь одинаковую версию. В вашем коде они не являются. – nextt1

+0

@anaghaaffinity см. Отредактированный ответ. – nextt1

0

Для потомков: Я установил с помощью Visual Studio и NuGet. Сначала я установил свой пакет angularjs.ore (только угловой файл). Это была версия 1.5.8. Затем я установил угловой материал. Это было установлено в версии 1.1.3. Сначала я не заметил, что когда iu установил угловой материал, он включил свою собственную версию углового.

Дело в том, что я использовал свой первый установленный «angularjs.core» в качестве высокой версии (я думаю, что это была проблема). Затем я переключился на использование угловой версии, поставляемой с материалом NuGet. Затем все сработало.

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