在按钮中显示产品值

时间:2016-09-21 07:43:52

标签: jquery html angularjs

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

我的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'。我明白这是因为没有初始价值。但任何想法如何克服这个?谢谢。

2 个答案:

答案 0 :(得分:0)

使用ng-init =“cp.se = 0”或初始化控制器中的值

答案 1 :(得分:0)

使用ng-showng-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>

这样,内部范围仅显示非虚假值。