实现一个简单的单位转换器

Question

我是Angular的新手，所以请原谅我的新问题：） 我正在创建一个小项目，以显示一些运动训练数据。我需要为速度，距离等单位实现一个简单的转换器。就目前而言，我已经创建了一个计算值并添加正确单位的管道。我已经声明了变量以确定要使用的单位。看起来像这样：

let speedUnit = 'kmh';

switch (args) {
  case 'speed': {
    if (speedUnit == 'kmh') {

      newValue = value * 3.6;
      newValue = newValue.toFixed(2);
      newValue += ' km/h';
    }
    if (speedUnit == 'mph') {
      newValue = value * 2.23694;
      newValue = newValue.toFixed(2);
      newValue += ' mph';
    }
    break;
  }

到目前为止效果很好。问题是，我需要使其更具动态性，因此我可以单击一下切换单元。例如。前端将有一个mph / kmh的开关，然后单击它将speedUnit变量的值从'kmh'更改为'mph'并更新屏幕数据。

这里最好的方法是什么？使用某种服务？可观察的？正如我提到的那样，Angular是新手，我还不熟悉它的所有组件。 ：）

感谢您的帮助。