Currently having a problem in regards to Internet Explorer and angular js.
The html, as shown below, is rendering fine in Chrome and Firefox, however, anything in the ng-view tags does not render at all in IE.
<html xmlns:ng="http://angularjs.org">
<html lang="en" ng-app="poc">
<head>
<meta charset="utf-8">
<title>poc</title>
<link rel="stylesheet" href="css/app.css"/>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<script src="cordova-2.1.0.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div ng-view>
</div>
</body>
</html>
The partial that I am trying to inject into this is shown below:
<section>
<h1>Proof of Concept</h1>
<ul>
<li><a href="#/phonegap">Try Phonegap Features</a></li>
<li><a href="#/observations">Test Websocket Requests</a></li>
<li><a href="#/persondetails">Test Person Details Requests</a></li>
</ul>
<section>
The code below shows the routing implementation we are using:
'use strict';
angular.module('poc', ['pocFilters', 'pocServices']).
config(['$routeProvider', function($routeProvider){
$routeProvider.
when('/poc', {templateUrl: 'partials/poc.html', controller: PocCtrl}).
when('/observations', {templateUrl: 'partials/observations.html',
controller: ObservationsCtrl}).
when('/phonegap', {templateUrl: 'partials/phonegap.html',
controller: PhonegapCtrl}).
when('/persondetails', {templateUrl: 'partials/persondetails.html',
controller: PersondetailsCtrl}).
otherwise({redirectTo: '/poc'});
}]);
Anyone have any ideas as to what could be causing the problem in IE?
Thanks,
Patrick