Angular JS - UI-router not working

Question

router working within my Angular JS app. My code is:

Script:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>

HTML:

<div ui-view></div>

app.js:

var myApp = angular.module('myApp', ['ui-router','mainControl','ui.bootstrap', 'ngSanitize']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/splash');
  //
  // Now set up the states
  $stateProvider
    .state('splash', {
      url: '/splash',
      templateUrl: 'partials/splash2.html',
      controller: 'MainControl'
    })
    .state('advice', {
      url: '/advice',
      templateUrl: 'partials/advice.html',
      controller: 'MainControl'
    })
    .state('main', {
      url: '/main',
      templateUrl: 'partials/main.html',
      controller: 'MainControl'
    })
    });

I was has successfully integrated ngRoute into my project, but for some reason the routing was not working in Safari and IE, So this is why I am now trying to integrate the UI-router into my project so that I can successfully get the routing working within my Application.

Any help would be appreciated.

What do you mean by "not working"? Both ngRouter and uiRouter work on all browsers. Which error stack are you getting? At first sight your code looks ok. Why do you use the same controller on all your routes? — Eloims
– Eloims, Commented Sep 1, 2015 at 11:00
ngRouter and uiRouter now work in Chrome and Firefox, but the app just does not work in IE and safari? — Sole
– Sole, Commented Sep 1, 2015 at 11:04

Pankaj Parkar · Accepted Answer · 2016-04-08 07:45:30Z

5

You are having typo, module name should be ui.router instead of ui-router while creating myApp module for your app.

edited Apr 8, 2016 at 7:45

answered Sep 1, 2015 at 11:00

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

Pankaj Parkar Over a year ago

@Sole Glad to help you THanks :)

Stefan Turcanu · Accepted Answer · 2015-09-01 11:04:11Z

1

Besides ui.router, you should add the js file for ngSanitize (<script src="angular-sanitize.js">)

answered Sep 1, 2015 at 11:04

Stefan Turcanu

9249 silver badges13 bronze badges

Collectives™ on Stack Overflow

Angular JS - UI-router not working

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related