角度模板的数学运算

Question

每当我在视图模板中尝试类似的操作时，它都会按预期工作。

{{20*30}}

但每当我尝试

{{somevalue1*somevalue2}}

其中somevalue1和somevalue2两者都来自组件并且somevalue2来自 api 并且它位于数组内，它显示 NaN。

该怎么处理呢？

是因为 String 值吗？

如何将其转换为模板中的数字？

Answer 1

是因为 String 值吗？

是的。您无法轻松访问模板作用域中的 Windows 作用域，因此我将创建一个方法：

calculateStuff(){
  return Number(somevalue1) * Number(somevalue2);
}

并在模板中：

{{calculateStuff()}}

如果字符串不是以代表数字的字符开头，它仍然会返回 NaN。