CODEWITHSUNDEEP
javascriptangularjstwitter-bootstrap
Sole
Sole

Reputation: 3350

Angular JS/Bootstrap App routing not working in Internet Explorer

I am building my first Angular and Bootstrap application. For some reason the routing does not work with the partials in Internet Explorer. When I check the console in IE there are no errors. My code is:

var myApp = angular.module('myApp', ['ngRoute','mainControl','ui.bootstrap', 'ngSanitize']);

myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/splash', {
    templateUrl: 'partials/splash2.html',
    controller: 'MainControl'
}).
when('/advice', {
    templateUrl: 'partials/advice.html',
    controller: 'MainControl'
}).
when('/media', {
    templateUrl: 'partials/media.html',
    controller: 'MainControl'
}).
when('/main', {
    templateUrl: 'partials/main.html',
    controller: 'MainControl'
}).
otherwise({
    redirectTo: '/splash'
});

}]);

The angular versions I am using are: 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-route.min.js"></script>

I also have a controller but I am guessing the problem is in app.js?

Any help would be great.

Upvotes: 1

Views: 428

Answers (1)

Kirill Husiatyn
Kirill Husiatyn

Reputation: 828

"AngularJS 1.3 has dropped support for IE8. AngularJS 1.2 will continue to support IE8, but the core team does not plan to spend time addressing issues specific to IE8 or earlier."

Developer Guide

Maybe the problem is in the compatibility?

Upvotes: 0

Related Questions