将字符串转换为数字角度2单向绑定答案

【问题标题】：convert string to number angular 2 one way binding将字符串转换为数字角度2单向绑定
【发布时间】：2017-08-24 11:23:12
【问题描述】：

将字符串转换为数字 angular 2 单向绑定

[longitude]="loc.location.lng">

loc.location.lng 是我需要将它们转换为数字的字符串。但仍然无法按预期工作。在插值中它正在工作，但在这不起作用。谢谢

【问题讨论】：

【解决方案1】：

创建一个函数，将值转换为浮点数作为其位置并返回值。

    ConvertString(value){
return parseFloat(value)
}

调用模板中的函数

[longitude]="ConvertString(loc.location.lng)"

【讨论】：

不太可能与拼写错误Covert Convert 一起使用。我也不确定[longitude]={...} 语法的作用。大括号的含义是什么？而且您缺少正确的括号。最后，正确格式化和缩进代码真的那么麻烦吗？
更新你可以检查它是打字错误
不要使用这种方法，而是使用自定义管道。你不应该在 Angular 模板Why you should never use function calls in Angular template expressions 中使用函数调用

【解决方案2】：

你也可以尝试这个来强制转换：

[longitude]="+loc.location.lng"

【讨论】：

【解决方案3】：

adii 的回答在性能方面不好，因为变更检测会导致方法运行多次.. 考虑使用管道。

【讨论】：