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 }}"
不幸的是,括号是必需的。
我对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 }}"
不幸的是,括号是必需的。