2017-01-20 2 views
1

Я на самом деле пытаюсь использовать $ stateProvider routing, но он дает ошибку; Uncaught Ошибка: [$ Инжектор: modulerr] Не удалось создать экземпляр модуля moduleTry из-за: Ошибка: [$ инжектор: unpr] Неизвестный поставщик: $ stateProvider

Угловые-UI-router.js включается после того, как angular.js файл на моей индексной странице. Я также включил зависимость ui-router в файл app.js. Я не мог получить ответ даже после многих исследований. Пожалуйста, помогите

Index.htmI

<!DOCTYPE html> 
<head> 


    <script src="app/vendors/angular-1.4.8/angular.js"></script> 
    <script src="app/vendors/angular-1.4.8/angular-ui-router.js"></script> 
    <script src="app/vendors/angular-locale_en-in.js"></script> 
    <script src="app/assets/css/styles.css"></script> 
    <script src="app/scripts/try.app.js"></script> 
    <script src="app/scripts/try.config.js"></script> 
    <script src="app/scripts/try.controller.js"></script> 
    <script src="app/scripts/try.router.js"></script> 


</head> 

<body ng-app="moduleTry"> 
    <h2>AngularJS Ui router - Demonstration</h2> 

    <div class="container"> 
     <a href="#home"></a>Home</li> 
     <a href="#about-us"></a>About</li> 
    </div> 

     <div ui-view> 

     </div> 
    </div> 

</body> 

</html> 

try.app.js

(function(){ 

    angular.module('moduleTry',[ 
    'ui.router' 
    ]) 

})(); 

try.config.js

(function(){ 
    "use-strict" 


})(); 

try.controller.js

(функция() { "us е-строгий ";

angular.module("moduleTry",) 

.controller('tryController',['$scope',function($scope){ 
    $scope.name ="Karan"; 
    }]); 
})(); 

try.route.js

"use-strict"; 

     angular.module('moduleTry') 
      .config(["$stateProvider", "$urlRouterProvider", function($stateProvider, $urlRouterProvider){ 
       $urlRouterProvider.otherwise("/home"); 

      $stateProvider 
       .state("home",{ 
        url: "/home", 
        templateUrl: "Template/template1.html" 
       }) 
       .state("about-us", { 
        url: "/about-us", 
        templateUrl: "Template/template2.html" 
       }) 
      }]); 

Error image

+0

Попробуйте инъекционного $ состояние в try.route .js config, см., разрешает ли он вашу проблему. – rrd

+0

Я попытался включить $ state в try.route.js, но проблема осталась прежней. –

ответ

0

может показаться, что ошибка, если бы, во-первых сделать правильный сеттер инициализации

(function(){ 

    angular.module('moduleTry',[ 
    'ui.router' 
    ]) 

})(); 

А потом .. случайно - redefine it

angular.module('moduleTry',[]) 

И если вы проверить код контроллера, есть тип очень близко к нему

angular.module("moduleTry",) 

, что это неправильно, он должен быть

angular.module("moduleTry") 
+0

Я внес изменения и использовал angular.module ("moduleTry") во всех js-файлах, то есть в try.app.js, try.controller.js, try.route.js, но проблема остается прежней. –

+0

вы можете создать плункер .. и показать, как он сломан. Есть одна моя .. которая работает. Отрегулируйте его, чтобы воспроизвести проблему, я готов помочь затем http://plnkr.co/edit/4pjoofCXq444kjXLqGx8?p=preview –

+0

Большое спасибо. Я создал плункер. Я включил файлы в index.html, как они есть в моем проекте. Пожалуйста, дайте мне знать, если требуются какие-либо изменения https://plnkr.co/edit/PZefP3aF2kmxL7tGaIVZ?p=preview. –