Reputation: 3350
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
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."
Maybe the problem is in the compatibility?
Upvotes: 0