title: Running AngularJS App on Internet Explorer 7
body: <p>Just to make sure if AngularJS works on the browsers I need, I made a simple data-binging demo that works fine on Firefox, Chrome an IE8+ but I also need to make it work on IE7. Unfortunatelly I can't make it work on it. It only shows the html with the curly braces on it, ignoring <code>ng-</code> attributes.</p>
  
  <p>I have checked <a href="http://gpiot.com/angularjs-on-ie7-not-working-how-to-fix-it/" rel="nofollow noreferrer">several</a> <a href="https://stackoverflow.com/questions/14464742/angularjs-and-internet-explorer">posts</a> <a href="https://stackoverflow.com/questions/11984223/angularjs-data-binding-issue-on-internet-explorer-using-curly-braces">about</a> <a href="https://stackoverflow.com/questions/12709745/angular-routing-not-working-in-ie7">AngularJS</a> on Internet Explorer and tried the suggested fixes on each one but nothing works on my demo.</p>
  
  <p>This is the HTML of my demo:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Angular IE7 Test&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;!--[if lt IE 9]&gt;
  &lt;script type="text/javascript" src="angularjs/html5shiv.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  &lt;!--[if lt IE 8]&gt;
  &lt;script type="text/javascript" src="angularjs/json3.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  &lt;script language="JavaScript" src="angularjs/angular.min.js"&gt;&lt;/script&gt;
  &lt;script language="JavaScript" src="angularjs/test.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="ng-app"&gt;
      &lt;div ng-controller="serversCtrl"&gt;
          &lt;p&gt;{{texto}}&lt;/p&gt;
  
          &lt;table border="1"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;&lt;th&gt;Col1&lt;/th&gt;&lt;th&gt;Col2&lt;/th&gt;&lt;th&gt;Col3&lt;/th&gt;&lt;/tr&gt;
                  &lt;tr ng-repeat="item in items"&gt;&lt;td&gt;{{item.col1}}&lt;/td&gt;&lt;td&gt;{{item.col2}}&lt;/td&gt;&lt;td&gt;{{item.col3}}&lt;/td&gt;&lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is the test.js javascript containing the controller and the models:</p>
  
  <pre><code>function serversCtrl($scope, $http, $location) {
      $scope.texto = "Texto dinamico";
      $scope.items = [
          {col1: "foo1", col2: "bar1", col3: "baz1"},
          {col1: "foo2", col2: "bar2", col3: "baz2"},
          {col1: "foo3", col2: "bar3", col3: "baz3"},
          {col1: "foo4", col2: "bar4", col3: "baz4"},
          {col1: "foo5", col2: "bar5", col3: "baz5"}
      ];
  }
  </code></pre>
  
  <p>Am I doing something wrong? Is there any other tip to make it work that I have missed?</p>
  
  <p><strong>EDIT:</strong> I'm using  AngularJS v1.0.5</p>