为了在Aurelia中视图模型内使用转换器,可以使用ValueConverter对象的实例。需要执行以下步骤:
创建一个名为ValueConverters的文件夹
在ValueConverters文件夹内创建一个名为UpperCaseValueConverter.js的文件。代码如下所示:
export class UpperCaseValueConverter {
toView(value) {
return value.toUpperCase();
}
}
import { UpperCaseValueConverter } from './ValueConverters/UpperCaseValueConverter';
export class MyViewModel {
static inject = [Element];
constructor(element) {
this.element = element;
}
message = 'hello world';
upperMessage() {
let upperCaseValueConverter = new UpperCaseValueConverter();
return upperCaseValueConverter.toView(this.message);
}
}
${message}
${upperMessage()}
这样,在视图模型中使用转换器的值将会被全部转换成大写形式显示。