Aurelia中视图模型内使用转换器的方法
创始人
2024-09-22 08:30:10
0

为了在Aurelia中视图模型内使用转换器,可以使用ValueConverter对象的实例。需要执行以下步骤:

  1. 创建一个名为ValueConverters的文件夹

  2. 在ValueConverters文件夹内创建一个名为UpperCaseValueConverter.js的文件。代码如下所示:

export class UpperCaseValueConverter {
  toView(value) {
    return value.toUpperCase();
  }
}
  1. 在视图模型中引入ValueConverter
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);
  }
}
  1. 在HTML模板中使用

这样,在视图模型中使用转换器的值将会被全部转换成大写形式显示。

相关内容

热门资讯

2026版总结!哈糖大菠萝辅助... 2026版总结!哈糖大菠萝辅助器,德普之星透视辅助软件是真的吗,真是存在有挂(揭秘有挂)1、德普之星...
更值得关注的是!德普之星app... 更值得关注的是!德普之星app安卓版破解版,德普之星怎么设置埋牌,竟然是有挂(真实有挂)德普之星ap...
2026版教学!有哪些免费的w... 2026版教学!有哪些免费的wpk作弊码,德扑之星透视辅助软件激活码,原来存在有挂(竟然有挂)一、德...
无独有偶!pokernow辅助... 无独有偶!pokernow辅助工具,智星德州插件2024最新版,好像是真的有挂(有挂实锤)智星德州插...
备受关注的!wepoker作弊... 备受关注的!wepoker作弊视频,德扑之星透视软件免费入口官网,切实是真的有挂(有挂秘诀)1、游戏...
第三方辅助!wpk私人局有透视... 第三方辅助!wpk私人局有透视吗,如何下载德普之星辅助软件,一直存在有挂(有挂技巧)1、如何下载德普...
在玩家背景下!wepoker软... 在玩家背景下!wepoker软件靠谱么,智星德州插件怎么下载,竟然真的是有挂(有挂细节)1、玩家可以...
无独有偶!wepoker模拟器... 无独有偶!wepoker模拟器哪个,德普辅助器怎么用,真是是真的有挂(有挂方略)1、玩家可以在德普辅...
此事迅速冲上热搜!德州局HHp... 此事迅速冲上热搜!德州局HHpoker透视脚本,德扑之心免费透视,本来真的是有挂(有挂方法)1、德扑...
据权威媒体报道!hhpoker... 据权威媒体报道!hhpoker怎么破解,智星德州可以透视吗,确实真的是有挂(有挂分享)1、起透看视 ...