在按钮中显示产品值

Question

我有三个按钮，我选择一个值并放入按钮。选择三个按钮中的所有值后，我希望将值的乘积显示在另一个按钮（第四个按钮）中。

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

上面的代码显示产品的价值，但在三个按钮值的选择之前，它示出了一个字符串，“男”。我明白这是由于没有初始价值。但任何想法如何克服这一点？谢谢。

Answer 1

格式的HTML，使其不显示不正确的值的值，通过使用ng-show或ng-if：

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

这样，内部跨度将只显示非谬误值。

Answer 2

使用NG-的init = “cp.se = 0” 或initalize的在你的控制器