Angular 7 将从网络 api 返回的值乘以一个数字

Angular 7 multiply a value returned from web api by a number

我对Angular很陌生...

我有一个 html5 仪表,我想将低变量设置为从网络返回的值 api 0.25。

我的仪表中有以下内容:

low="{{com.highlimit | number : '1.0-0'} * 0.25}"

其中 {{com.highlimit}} 等于 100。

这似乎不起作用,因为我的仪表没有改变颜色。如果我将上面的内容修改为 low="25" 那么它会按预期工作。

我认为它正在将 * 0.25 视为字符串?

我的问题是如何在此用例中使用数学?

问题很简单

"{{com.highlimit | number : '1.0-0'} * 0.25}"

在 Angular 的模板语法中不是有效的 string interpolation

{{}} 之间的所有内容都被评估为一个表达式,它周围的所有内容都只是一个文字字符串。但它必须有 两个 打开和关闭花括号。

试试这个:

low="{{ (com.highlimit | number : '1.0-0') * 0.25 }}"

不幸的是,括号是必需的。