Angular JS ui-router not loading view

Question

I am having trouble with my Angular JS ui-router and every question I have found on here shows a solutions I have already tried.

In my ui-view-tag my actual template is not displayed.

<body ng-app="myApp">
<div class="row">
  <div class="col-md-6 col-md-offset-2">
    <ui-view></ui-view>
  </div>
</div>
</body>

This is my app.js

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

$stateProvider
.state('home', {
    url: '/',
    templateUrl: 'home.html',
    controller: 'MainCtrl'
})

   $urlRouterProvider.otherwise('home');
}])

Thank you very much everybody, I would really appreciate a short feedback on that.

any message from the console?

mastazi
– mastazi

2016-07-27 00:46:23 +00:00
Commented Jul 27, 2016 at 0:46 — mastazi
– mastazi, Commented Jul 27, 2016 at 0:46
no nothing unfortunately

patrick
– patrick

2016-07-27 00:46:55 +00:00
Commented Jul 27, 2016 at 0:46 — patrick
– patrick, Commented Jul 27, 2016 at 0:46

Ismail RBOUH · Accepted Answer · 2016-07-27 00:55:31Z

1

The $urlRouterProvider otherwise() accepts the url path you want to redirect to. Therefore, you need to change:

$urlRouterProvider.otherwise('home');

To:

$urlRouterProvider.otherwise('/');

edited Jul 27, 2016 at 0:55

answered Jul 27, 2016 at 0:46

Ismail RBOUH

10.5k2 gold badges26 silver badges37 bronze badges

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

1 Comment

patrick Over a year ago

Thank you! Let me try that.

Collectives™ on Stack Overflow

Angular JS ui-router not loading view

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related