AngularJS Application do not running using ui-router

Question

I am trying to use ui-router in a new project, I followed many tutorials and documentation, but I cant't understand why my application is not launching. I am in the very start and do not have too much code. Maybe I am missing something? I am not having error in console, everything I have is a completly white page.

This is my 'app.js' with the config:

(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'
            });
    }
]);

})();

and this is my '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'];

})();

and this is my '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>

Can Somebody help me?

EDIT

Here is a plunkr: https://plnkr.co/edit/OEl278DxxB1N0xECsJwk?p=preview

Tarun Dugar · Accepted Answer · 2016-02-13 12:41:09Z

1

One problem is:

controller: 'app/dashboard/dashboardController',

This value for the key 'controller' should be the controller name and not its path. So, change it to:

controller: 'dashboard',

EDIT:

Working plunkr here.

I changed the state to following:

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

edited Feb 13, 2016 at 12:41

answered Feb 13, 2016 at 12:09

Tarun Dugar

8,9938 gold badges50 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

David Rocha Over a year ago

Hi, thanks for your response. But, same problem yet.

Tarun Dugar Over a year ago

Please create a plunker.

David Rocha Over a year ago

Tarun, Plunker added

David Rocha Over a year ago

Thanks so much for your help dude!

Collectives™ on Stack Overflow

AngularJS Application do not running using ui-router

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related