Angularjs中的数字输入单位转换

Question

有没有什么可以动态地将cm转换为以角度为单位的米？

<input type="number"data-ng-model="format.width" required>

我以cm为单位接收数据并希望以米为单位显示？这样做的最佳方式是什么？

Answer 1

鉴于cm和m之间的转换是一个简单的乘法/除法100，最简单的方法是使用

显示

Distance in meters: {{format.width / 100}}

如果您正在查看更复杂的转换，那么编写过滤器可能有意义（这取决于您进行这些转换的频率）。例如你可以编写一个名为cmToFeet的过滤器：

Distance in feet: {{format.width | cmToFeet }}

我建议如果你有一个具有隐式单位的变量，那么你可以将该单位作为名称的一部分。例如format.widthInCm

Answer 2

您可以使用一个简单的示波器功能，除以100（因为一米中有100厘米）来完成它：

$scope.format = {
    width: 0,
    widthMeters: function () {
      return $scope.format.width / 100;
    }
}

{{format.widthMeters()}} m

Plunkr