ボタンに商品の値を表示

Question

私は値を選択してボタンに入れる3つのボタンがあります。 3つのボタンのすべての値を選択すると、値の積を別のボタン（4番目のボタン）に表示することができます。

マイHTMLコード、

<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> 

は、上記のコードは、製品の値を表示するが、3つのボタンの値の選択の前に、それが文字列「のNaN」を示しています。これは初期値が原因ではないと私は理解しています。しかし、どのようにこれを克服する考えですか？ありがとう。 ng-showまたはng-ifを使用して、コントローラ

Answer 1

フォーマット、それは間違った値を表示しないように、あなたのHTML内

Answer 2

使用NG-INIT = "cp.se = 0" またはinitalize値、：

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

このように、内部スパンはの偽ではないの値でのみ表示されます。