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模板中调用转换器。
热门推荐
10 朋友新年祝福语大全 简短
11 新年祝福语简短大方兔年
12 搬新家礼物祝福语简短
13 同学见面花束祝福语简短
14 五一假期祝福语幽默简短
15 离职欢送敬酒祝福语简短
16 对学弟的祝福语简短
17 考老师辞职祝福语简短
18 祝福语驱散霉运的话简短