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.
