Produktwert in einer Schaltfläche anzeigen

Question

Ich habe drei Schaltflächen, wo ich einen Wert auswählen und in die Schaltfläche einfügen. Nach Auswahl aller Werte in drei Schaltflächen möchte ich, dass das Produkt der Werte in einer anderen Schaltfläche angezeigt wird (vierte Schaltfläche).

Mein HTML-Code,

<label>S *</label> 
       <button class="btn btn-default btn-lg" ng-click="Modal1()">{{cp.se}}</button> 

       <label>O *</label> 
       <button class="btn btn-default btn-lg" ng-click="Modal2()">{{fmea.oc}}</button> 

       <label>D*</label> 
       <button class="btn btn-default btn-lg" ng-click="Modal3()">{{fm.de}}</button> 

       <label>RPN</label> 
       <button class="btn btn-default btn-lg">{{cp.se*fmea.oc*fm.de}}</button> 

Der obige Code zeigt den Wert Produkt, aber vor der Auswahl der Werte in den drei Tasten, zeigt es eine Zeichenfolge, 'NaN'. Ich verstehe, dass dies auf keinen Anfangswert zurückzuführen ist. Aber eine Idee, wie das zu überwinden ist? Vielen Dank.

Answer 1

Format Ihre HTML, damit es nicht falsche Werte angezeigt werden, durch ng-show oder ng-if mit:

<button class="btn btn-default btn-lg"> 
    <span ng-if="(cp.se*fmea.oc*fm.de)">{{cp.se*fmea.oc*fm.de}}</span> 
</button> 

Auf diese Weise wird die innere Spannweite nur mit nicht-falsy Werten angezeigt.

Answer 2

Verwendung ng-init = "cp.se = 0" oder initialisieren die Werte in Ihrem Controller