2016-11-03 4 views
0

Я обнаружил ui.router для создания одной страницы приложения, но после руководства:Проблем с ui.router в angularjs

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module routerApp due to:(…)(anonymous function) @ angular.js:68(anonymous function) @ angular.js:4640forEach @ angular.js:321loadModules @ angular.js:4601createInjector @ angular.js:4523doBootstrap @ angular.js:1758bootstrap @ angular.js:1779angularInit @ angular.js:1664(anonymous function) @ angular.js:31763trigger @ angular.js:3207defaultHandlerWrapper @ angular.js:3497eventHandler @ angular.js:3485

Это страница index.html:

<html> 
    <head> 
    <script src="lib/angular.js"></script> 
    <script src="lib/angular-ui-router.js"></script> 
    <script src="app.js"></script> 

    <style>.active { color: red; font-weight: bold; }</style> 
    </head> 

    <body ng-app="routerApp"> 
    <a ui-sref="table">Table</a> 

    <div ui-view></div> 
    </body> 
    </html> 

Это является app.js:

var routerApp = angular.module("routerApp", ['ui.router']); 
routerApp.config('$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
    .state('table', { 
     url : '/', 
     templateUrl : 'views/table.html' 
    }); 
}); 

Спасибо anticipately за помощь, И.Р. eally не может видеть ошибку.

+0

Что руководство Вы следовали? – deeveeABC

+2

Я вижу ошибку в встроенной аннотации, отсутствуют квадратные скобки: 'routerApp.config (['$ stateProvider', '$ urlRouterProvider', function ($ stateProvider, $ urlRouterProvider) { $ urlRouterProvider.otherwise ('/'); $ stateProvider .state ('стол', { URL: '/', templateUrl: 'кажд/table.html' }); }]); ' – alfredopacino

+0

@alfredopacino, где я должен исправить код? –

ответ

0

Инъекции должны быть массивом.

Попробуйте добавить их как

var routerApp = angular.module("routerApp", ['ui.router']); 
routerApp.config([ '$stateProvider', '$urlRouterProvider', 
// --------------^--------------- 
function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
    .state('table', { 
     url : '/', 
     templateUrl : 'views/table.html' 
    }); 
} ] ); 
//^and this ------- 
Смежные вопросы