Rechnen in AngularJS

Hallo Leute,

ich möchte gern etwas rechnen in AngularJS und das in Variablen abspeichern und wieder verwenden. Nun weiß ich leider nicht wie das geht. Ich hab die Rechnung schon in AngularJS zu testzwecken eingebaut. Doch ist es sinnvoller wenn ich es das ganze einmal ausrechne und die Variablen dann wieder verwende, zu Gunsten der Performance.
Ich habe schon versucht im Controller eine Variable zu erstellen und dort zurechnen, doch leider geht das auch nicht.

Ich freue mich wenn ihr mir weiter helfen könnt.

Gruß Christian

[CODE]








{{Flaeche}}

Einzugstiefe: {{Flaeche/Rinnenstrang |nachkomma}}
<div ng-repeat="x in systeme">
    
    <h2>{{x.name}}</h2>
    <p>Gesamt Speichervolumen: {{Rinnenstrang*x.Speichervolumen|round}}l</p>
    <p>Rinnenstranglaenge: {{((x.Abflussvermoegen*10000*Rinnenstrang)/(Regenspende*Flaeche))|rounddown}}m</p>
    <p>Anzahl der Ablaufkästen: {{(Rinnenstrang/((x.Abflussvermoegen*10000*Rinnenstrang)/(Regenspende*Flaeche))|roundup)}}</p>
        
</div>
[/CODE]

Was soll da auch berechnet werden? Du verwendest im oberen Div ng-model für nichtexistente Variablen.

Nebenbei bemerkt schreibt man nach gängigen Code-Konventionen den ersten Buchstaben einer Variablen nicht groß.

okay, ich habe jetzt Variablen erstellt und die alle Buchstaben kleingeschrieben.

Berechnungen sind jetzt zurzeit im

-tag…diese möchte ich raus haben und im JavaScript haben und die Berechnungen halt in einer Variable abspeichern.

Es handelt sich um diese Berechnungen:

<p>Gesamt Speichervolumen: {{rinnenstrang*x.speichervolumen|round}}l</p> <p>Rinnenstranglaenge: {{((x.abflussvermoegen*10000*rinnenstrang)/(regenspende*flaeche))|rounddown}}m</p> <p>Anzahl der Ablaufkästen: {{(rinnenstrang/((x.abflussvermoegen*10000*rinnenstrang)/(regenspende*flaeche))|roundup)}}</p>

und die Variablen dafür habe ich nun wie folgt deklariert:

var regenspende; var rinnenstrang; var flaeche; var gesamtspeichervolumen; var rinnenstranglaenge; var ablaufkaesten;

Das ist falsch. Variablen mit dem keyword var existieren nicht im Template. Ich helfe ja gerne mit Angular, aber das Einsteigertutorial musst du vorher schon durcharbeiten. Expressions und Berechnungen stehen da ganz am Anfang.

Als Tipp am Rande: Ich verwende AngularJS gerne für Demozwecke, setze es aber nicht mehr in der Praxis ein. Da die Materie für dich neu ist, solltest du lieber direkt mit dem neuen Angular einsteigen. Das ist schon wegen TypeScript leichter zu erlernen.