AngularJS and Internet explorer not rendering my AngularJS
<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>