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 。