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>
我们标题一个元素的文本值应该THISISMYTESTSTRING是因为这是toView从视图接受值并指定视图应获取正在使用的新值的方法。String.prototype.toUpperCase()
在这种情况下ToUppercaseValueConverter,类名是,它ValueConverter告诉aurelia是什么(也有一个带有注解的方法,但是我没有在互联网上找到示例)。因此ValueConverter,在类名中必须使用,但是通过调用转换器,则不再需要此功能,因此您只需要toUppercase在html模板中调用转换器。