如何使用 Angular 解析一个字符串以在属性模板中浮动?

Question

我正在使用组件agm-map，我需要传递给我的组件属性[latitude]并以数字[longitude]坐标。我收到字符串中的此值，但我需要转换。

我尝试了类似的东西：

<agm-map 
[mapTypeId]="'hybrid'"
[latitude]="parseFloat(local.localLatitudeB)"
[longitude]="parseFloat(local.localLongitudeB)"
[zoom]="16"
[disableDefaultUI]="false">
...

但这个回报：

_co.parseFloat 不是一个函数

我从前面收到的本地经度 B 的一个例子，但字符串：-47.410351923

Answer 1

在你的 ts 文件中：

export class MapComponent implements OnInit {
parseFloat = parseFloat;
...

无需在 HTML 中进行任何更改。

Answer 2

HTML：

<agm-map 
[mapTypeId]="'hybrid'"
[latitude]="toFloat(local.localLatitudeB)"
[longitude]="toFloat(local.localLongitudeB)"
[zoom]="16"
[disableDefaultUI]="false">
...

TS：

public toFloat(value: string): number {
return parseFloat(value);
}