1
Ich stelle eine einfache Taschenrechner-Web-App zusammen und dachte, ich würde AngularJS ausprobieren. Alles funktioniert gut in Chrome, Firefox usw.AngularJS und Internet Explorer rendern nicht mein AngularJS
Allerdings unterstützen wir noch IE9 leider und das Eckige JS Code, den ich geschrieben habe, funktioniert nicht in IE9 bekomme ich nur {{Variable}}
Irgendwelche Ideen?
HTML-Code:
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.29/angular.min.js"></script>
<script src="PumpCalculator.js"></script>
</head>
<body>
<div ng-app="MotorApp" ng-controller="MotorController">
<h2>Pump Calculations</h2>
<p>
Outside Root Diameter:
<input ng-model="OutsideRoot">(mm)</p>
<p>
Inner root diameter:
<input ng-model="InnerRoot">(mm)</p>
<p>
Height:
<input ng-model="Height">(mm)</p>
<p>Displacement: {{ DisplacementCC()}}<b>cc</b>
<br/>{{ DisplacementCU() }} <b>cu in</b>
</p>
<br />
<h2>Volume</h2>
<p>cc:
<input ng-model="VolumeCC">
</p>
<p>Pump rpm:
<input ng-model="VolumePumpRPM">
</p>
<p>{{ PumpLitres() }} <b>Litres/Min</b>
<br /> {{ GPM() }} <b>GPM</b>
</p>
<h2>Horse Power</h2>
<p>Flow: <input ng-model="FlowLitresMin"> (Litres/min) <input ng-model="FlowGPM"> (GPM)</p>
<p>Force In Pressure: <input ng-model="ForceBar"> (Bar) <input ng-model="ForcePSI"> (psi)</p>
<p>{{ ForceKW() }} <b>KW</b> <br /> {{ ForceHP() }} <b>HP</b></p>
<br />
<h2>Power to drive a pump</h2>
<b>Known factors</b>
<p>Pressure = <input ng-model="PowerPressure"> <b>Bar</b></p>
<p>Pump displacement = <input ng-model="PowerPump"> <b>cm³/rev</b></p>
<p>Input speed = <input ng-model="PowerInput"> <b>rpm</b></p>
<p>Pump Efficiency = <input ng-model="PowerEff"> <b>%</b></p>
<br />
<b>Results</b>
<p>Power = {{ PowerResult() }} <b>Kw</b></p>
<p>Flow = {{ FlowResult() }} <b>L/min</b></p>
</div>
</body>
</html>
AngularJS 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);
}
});
siehe hierzu: http: // stack overflow.com/questions/26567729/angular-js-not-working-with-ie9-but-works-with-other-browsers – Adrian
Sie könnten einige Javascript-Problem haben. Also IE kann die App nicht initialisieren –
Leider @Adrian Ich habe versucht, die "Daten" vor dem ng - ** aber es zeigt immer noch nur {{variable}} – Adam91Holt