aurelia 创建一个基本的价值转换器

示例

虽然值转换器可以由toView或fromView方法组成，但在下面的示例中，我们将创建一个基本的值转换器，该转换器仅使用将toView要发送到视图的值作为第一个参数的方法。

to-uppercase.js

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

使用它：

export class MyViewModel {
    stringVal = 'this is my test string';
}

<template>
    <require from="./to-uppercase"></require>

    <h1 textContent.bind="stringVal | toUppercase"></h1>
</template>

我们标题一个元素的文本值应该THIS IS MY TEST STRING是因为这是toView从视图接受值并指定视图应获取正在使用的新值的方法。String.prototype.toUpperCase()

在这种情况下ToUppercaseValueConverter，类名是，它ValueConverter告诉aurelia是什么（也有一个带有注解的方法，但是我没有在互联网上找到示例）。因此ValueConverter，在类名中必须使用，但是通过调用转换器，则不再需要此功能，因此您只需要toUppercase在html模板中调用转换器。