Приложение AngularJS не работает с использованием ui-router

Я пытаюсь использовать ui-router в новом проекте, я следил за многими учебниками и документацией, но я не могу понять, почему мое приложение не запускается. Я нахожусь в самом начале и не имею слишком много кода. Может, я что-то упустил? У меня нет ошибок в консоли, все, что у меня есть, является полностью белой страницей.Приложение AngularJS не работает с использованием ui-router

Это мой 'app.js' с конфиге:

(function() { 
'use strict'; 

angular.module('clicko', ['ui.router']) 
    .config(['$stateProvider', '$logProvider', function ($stateProvider, $logProvider) { 

     $logProvider.debugInfoEnabled = true; 

     $stateProvider 
      .state('dashboard', { 
       url: '/', 
       controller: 'app/dashboard/dashboardController', 
       controllerAs: 'dashboard', 
       templateUrl: 'app/dashboard/dashboard.html' 
      }); 
    } 
]);

})();

и это мой 'dashboardController.js':

(function() { 
'use strict'; 

function controller($location) { 
    /* jshint validthis:true */ 
    var vm = this; 
    vm.greet = 'Heeeello World!'; 

    function activate() { 
     alert('go'); 
    } 

    activate(); 
} 


//// 
angular 
    .module('clicko') 
    .controller('dashboard', controller); 


controller.$inject = ['$location'];

})();

и это мой 'dashboard.html'

<h1>Dashboard</h1> 

<h2>{{dashboard.greet}}</h2> 

<p>Lorem ipsum dolor sit amet</p>

'index.html'

<body ng-app="clicko"> 

<div ui-view></div> 

<!--SCRIPTS--> 
<!-- ANGULARJS --> 
<script src="app/assets/libs/jquery/dist/jquery.min.js"></script> 
<script src="app/assets/libs/angular/angular.min.js"></script> 
<script src="app/assets/libs/angular-ui-router/release/angular-ui-router.min.js"></script> 

<!--APP--> 
<script src="app/app.js"></script> 

<!--CONTROLLLERS--> 
<script src="app/dashboard/dashboardController.js"></script>

Может кто-нибудь мне помочь?

EDIT

Вот plunkr: https://plnkr.co/edit/OEl278DxxB1N0xECsJwk?p=preview

источник

2016-02-13 rochasdv

Одна проблема:

controller: 'app/dashboard/dashboardController',

Это значение для ключа 'контроллера' должен быть контроллер имя и не его путь. Таким образом, изменить его на:

controller: 'dashboard',

EDIT:

Работа plunkr here.

Я изменил состояние на следующее:

.state('dashboard', { 
    url: '', //changed from '/' to '' 
    controller: 'dashboard', 
    templateUrl: 'dashboard.html' //the path specified was wrong 
})

источник

2016-02-13 12:09:05

Привет, спасибо за ваш ответ. Но, та же проблема пока. – rochasdv

Создайте плункер. –

Tarun, Plunker добавлено – rochasdv

Приложение AngularJS не работает с использованием ui-router

ответ

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