Aurelia，转换器使用内部视图模型

Question

使用 Aurelia，我正在尝试在视图模型中使用转换器。但我不知道该怎么做，也不知道是否可行。

与AngularJS，例如：
在视图中

<span>{{ 'hello' | uppercase }}</span>

控制器内部

$filter('uppercase')('hello');

和 Aurelia
在视图中

<span>${ 'hello' | uppercase }</span>

在视图模型中

?????????

Answer 1

在您的视图模型中添加以下代码：

export class UppercaseValueConverter {
  toView(value) {
    return value?.toUpperCase();
  }
}

然后在您看来：

<h1>${message | uppercase}</h1>

您还可以将值转换器添加到应用的全局资源部分，以便在所有视图之间共享它。

Answer 2

好吧，这很简单。
由于我们的转换器是 classes，我们只需要从实例调用方法 toView。

import { UppercaseValueConverter } from './converters';

const convertedValue = new UppercaseValueConverter().toView('Hello');

就我而言，我有点迷茫，因为我使用的是库，无法直接导入转换器 class。

Aurelia, converter use inside view model