在按钮中显示产品价值

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>

上面的代码显示产品值，但是在选择三个按钮中的值之前，它会显示一个字符串'NaN‘。据我所知，这是由于没有初始值。但知道如何克服这一切吗？谢谢。

Answer 1

使用ng-show或ng-if设置HTML格式，使其不会显示不正确的值

<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“或使控制器中的值无效。