title: AngularJS and Internet explorer not rendering my AngularJS
body: <p>I'm putting together a simple calculator web app and thought I would give AngularJS a go. Everything is working fine in Chrome, Firefox etc.</p>
  
  <p>However we still support IE9 unfortunately and the Angular JS code I have written is not working in IE9 I just get {{ Variable }}</p>
  
  <p>Any ideas?</p>
  
  <p>HTML code:
      </p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.29/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="PumpCalculator.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div ng-app="MotorApp" ng-controller="MotorController"&gt;
          &lt;h2&gt;Pump Calculations&lt;/h2&gt;
          &lt;p&gt;
              Outside Root Diameter:
              &lt;input ng-model="OutsideRoot"&gt;(mm)&lt;/p&gt;
          &lt;p&gt;
              Inner root diameter:
              &lt;input ng-model="InnerRoot"&gt;(mm)&lt;/p&gt;
          &lt;p&gt;
              Height:
              &lt;input ng-model="Height"&gt;(mm)&lt;/p&gt;
          &lt;p&gt;Displacement: {{ DisplacementCC ()}}&lt;b&gt;cc&lt;/b&gt;
              &lt;br/&gt;{{ DisplacementCU() }} &lt;b&gt;cu in&lt;/b&gt;
          &lt;/p&gt;
          &lt;br /&gt;
          &lt;h2&gt;Volume&lt;/h2&gt;
          &lt;p&gt;cc:
              &lt;input ng-model="VolumeCC"&gt;
          &lt;/p&gt;
          &lt;p&gt;Pump rpm:
              &lt;input ng-model="VolumePumpRPM"&gt;
          &lt;/p&gt;
          &lt;p&gt;{{ PumpLitres() }} &lt;b&gt;Litres/Min&lt;/b&gt;
              &lt;br /&gt; {{ GPM() }} &lt;b&gt;GPM&lt;/b&gt;
          &lt;/p&gt;
          &lt;h2&gt;Horse Power&lt;/h2&gt;
          &lt;p&gt;Flow: &lt;input ng-model="FlowLitresMin"&gt; (Litres/min)  &lt;input ng-model="FlowGPM"&gt; (GPM)&lt;/p&gt;
          &lt;p&gt;Force In Pressure: &lt;input ng-model="ForceBar"&gt; (Bar) &lt;input ng-model="ForcePSI"&gt; (psi)&lt;/p&gt;
          &lt;p&gt;{{ ForceKW() }} &lt;b&gt;KW&lt;/b&gt; &lt;br /&gt; {{ ForceHP() }} &lt;b&gt;HP&lt;/b&gt;&lt;/p&gt;
          &lt;br /&gt;
          &lt;h2&gt;Power to drive a pump&lt;/h2&gt;
          &lt;b&gt;Known factors&lt;/b&gt;
          &lt;p&gt;Pressure = &lt;input ng-model="PowerPressure"&gt; &lt;b&gt;Bar&lt;/b&gt;&lt;/p&gt;
          &lt;p&gt;Pump displacement = &lt;input ng-model="PowerPump"&gt; &lt;b&gt;cm³/rev&lt;/b&gt;&lt;/p&gt;
          &lt;p&gt;Input speed = &lt;input ng-model="PowerInput"&gt; &lt;b&gt;rpm&lt;/b&gt;&lt;/p&gt;
          &lt;p&gt;Pump Efficiency = &lt;input ng-model="PowerEff"&gt; &lt;b&gt;%&lt;/b&gt;&lt;/p&gt;
          &lt;br /&gt;
          &lt;b&gt;Results&lt;/b&gt;
          &lt;p&gt;Power = {{ PowerResult() }} &lt;b&gt;Kw&lt;/b&gt;&lt;/p&gt;
          &lt;p&gt;Flow = {{ FlowResult() }} &lt;b&gt;L/min&lt;/b&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>AngularJS code:</p>
  
  <pre><code>angular.module('MotorApp', []).controller('MotorController', function($scope) {
      //Pump Calculations
      $scope.OutsideRoot = 0;
      $scope.InnerRoot = 0;
      $scope.Height = 0;
      $scope.DisplacementCC = function() {
          var outside = $scope.OutsideRoot;
          var inner = $scope.InnerRoot;
          var height = $scope.Height;
          var a = ((((outside * outside * 0.7854) - (inner * inner * 0.7854)) * height) / 1000).toFixed(4)
          return a;
      }
      $scope.DisplacementCU = function() {
          var outside = $scope.OutsideRoot;
          var inner = $scope.InnerRoot;
          var height = $scope.Height;
          var b = ($scope.DisplacementCC() * 0.06102).toFixed(4);
          return b
      }
      //Volume Calculations
      $scope.VolumeCC = 100;
      $scope.VolumePumpRPM = 10;
      $scope.PumpLitres = function () {
          var vol = $scope.VolumeCC;
          var rpm = $scope.VolumePumpRPM;
          return ((vol * rpm)/1000).toFixed(4);
      }
      $scope.GPM = function () {
          var vol = $scope.VolumeCC;
          var rpm = $scope.VolumePumpRPM;
          return ($scope.PumpLitres() / 3.7854).toFixed(4);
      }
      //Horse Power Calculations
      $scope.FlowLitresMin = 0;
      $scope.FlowGPM = 0;
      $scope.ForceBar = 0;
      $scope.ForcePSI = 0;
      $scope.ForceKW = function () {
          var flowL = $scope.FlowLitresMin;
          var forceB = $scope.ForceBar;
          return ((flowL * forceB)/600).toFixed(4);
      }
      $scope.ForceHP = function () {
          var flowG = $scope.FlowGPM;
          var forceP = $scope.ForcePSI;
          return ((flowG*forceP)/1714).toFixed(4);
      }
      //Power To drive a pump
      $scope.PowerPressure = 0.00;
      $scope.PowerPump = 0.00;
      $scope.PowerInput = 0.00;
      $scope.PowerEff = 92.00;
      $scope.PowerResult = function() {
         return (($scope.PowerPressure*($scope.PowerPump*$scope.PowerInput))/(600000*($scope.PowerEff/100))).toFixed(2);
      }
      $scope.FlowResult = function() {
          return (($scope.PowerInput/1000)*($scope.PowerPump*($scope.PowerEff/100))).toFixed(2);
      }
  });
  </code></pre>