Aurelia，转换器使用内视图 model

Question

使用 Aurelia，我正在尝试在 model 视图中使用转换器。 但我不知道该怎么做，或者是否有可能。

以 AngularJS 为例：
在视图内

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

controller 内部

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

与奥蕾莉亚
在视图内

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

在视图模型内

?????????

Answer 1

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

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

然后在你看来：

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

请参阅一个工作示例。

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

Answer 2

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

import { UppercaseValueConverter } from './converters';

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

就我而言，我有点迷茫，因为我使用了一个库并且无法直接导入转换器 class 。