title: Internet Explorer and Angular JS
body: <p>Currently having a problem in regards to Internet Explorer and angular js. </p>
  
  <p>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.</p>
  
  <pre><code>&lt;html xmlns:ng="http://angularjs.org"&gt;
  &lt;html lang="en" ng-app="poc"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;poc&lt;/title&gt;
  &lt;link rel="stylesheet" href="css/app.css"/&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.css"/&gt;
  &lt;script src="lib/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;script src="js/services.js"&gt;&lt;/script&gt;
  &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
  &lt;script src="js/filters.js"&gt;&lt;/script&gt;
  &lt;script src="js/directives.js"&gt;&lt;/script&gt;
  &lt;script src="cordova-2.1.0.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div ng-view&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The partial that I am trying to inject into this is shown below:</p>
  
  <pre><code>&lt;section&gt;
  &lt;h1&gt;Proof of Concept&lt;/h1&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#/phonegap"&gt;Try Phonegap Features&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#/observations"&gt;Test Websocket Requests&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#/persondetails"&gt;Test Person Details Requests&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;section&gt;
  </code></pre>
  
  <p>The code below shows the routing implementation we are using:</p>
  
  <pre><code>'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'});
  }]);
  </code></pre>
  
  <p>Anyone have any ideas as to what could be causing the problem in IE? </p>
  
  <p>Thanks,</p>
  
  <p>Patrick</p>