Html 角度JS帮助添加值和小数

我正在使用一些家庭自动化工具，这些工具使用一些创建的小部件显示能源使用情况，但其他的比我聪明

我可以让这个工作，它将显示使用千瓦，但它是不正确的

相同的瓦特应为千瓦的一部分

有人能告诉我解决这个问题的方向吗，这样它就显示为0.XX请

权力
{{itemValue（'LivingRoomNum2'）*1+itemValue（'KitchenNum2'）|编号：2}}}千瓦
{{itemValue（'LivingRoomNum1'）}}W（生活）
{{itemValue（'KitchenNum1'）}}W（厨房）

我怀疑从函数

itemValue（）

返回的值的类型是string，这导致了错误的计算。确保将结果解析为数字。从

itemValue（）

返回时，可以使用

parseFloat（）

检查样本：

var-app=angular.module（'test'，[]）；
app.controller（'AppController'，['$scope'，函数（$scope）{
}]);
app.run（）

错误：{'12.5'*1+'10'|编号：2}}千瓦
正确：{12.5*1+10 |个数：2}}千瓦
在第二个和第三个值的
{}
中添加
|number:2
过滤器。此过滤器允许以小数显示数字。还要确保数据不是字符串。

<div class="widget">
  <div class="icon off">
    <svg viewBox="0 0 48 48">
      <use xlink:href="/static/matrix-theme/squidink.svg#thunder-1">
      </use>
    </svg>
  </div>
  <div class="name">Power</div>
  <div class="valueGroup">
    <div class="value">
      {{(itemValue('LivingRoomNum2')*1 + itemValue('KitchenNum2')*1)/1000}} kW
    </div>
    <div class="value">{{itemValue('LivingRoomNum1')}} W (P1)</div>
    <div class="value">{{itemValue('KitchenNum1')}} W (P2)</div>
  </div>            
</div>

权力
{{（itemValue（'LivingRoomNum2'）*1+itemValue（'KitchenNum2'）*1）/1000}kW
{{itemValue（'LivingRoomNum1'）}}W（P1）
{{itemValue（'KitchenNum1'）}}W（P2）

这把它修好了。我的实际数字确实是一个字符串

<div class="widget">
  <div class="icon off">
    <svg viewBox="0 0 48 48">
      <use xlink:href="/static/matrix-theme/squidink.svg#thunder-1">
      </use>
    </svg>
  </div>
  <div class="name">Power</div>
  <div class="valueGroup">
    <div class="value">
      {{(itemValue('LivingRoomNum2')*1 + itemValue('KitchenNum2')*1)/1000}} kW
    </div>
    <div class="value">{{itemValue('LivingRoomNum1')}} W (P1)</div>
    <div class="value">{{itemValue('KitchenNum1')}} W (P2)</div>
  </div>            
</div>