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模板中使用

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

相关内容

热门资讯

固有有开挂"老铁十三... 固有有开挂"老铁十三水安装工具"开挂(透视)辅助软件(德州论坛揭秘有挂)>>您好:软件加薇13670...
往昔有辅助"功夫川小... 往昔有辅助"功夫川小程序辅助"详细开挂辅助工具有挂方略(可靠技巧);打开点击测试直接进入微信(136...
妙招开挂"科乐天天踢... 妙招开挂"科乐天天踢解码器"开挂(脚本)辅助脚本(有挂存在)科乐天天踢解码器ai黑科技系统规律教程开...
透视肯定!uuganmes辅助... 透视肯定!uuganmes辅助器,wepoker私人局透视插件(透视)开挂辅助插件黑科技教程 >>您...
一向有开挂"上饶辅助... 一向有开挂"上饶辅助工具"开挂(透视)辅助平台(透视教程了解有挂)【无需打开直接搜索加薇136704...
原生有开挂"科乐填大... 原生有开挂"科乐填大坑攻略"详细开挂辅助软件有挂规律(教你攻略);无需打开直接搜索薇:1367043...
透视私人局!蘑菇云辅助怎么使用... 透视私人局!蘑菇云辅助怎么使用,哈糖大菠萝助手(透视)开挂辅助神器微扑克教程;亲,蘑菇云辅助怎么使用...
从前有开挂"连连看辅... 从前有开挂"连连看辅助器手机版"开挂(透视)辅助安装(曝光教程讲解有挂);无需打开直接搜索加(薇:1...
课程开挂"wpk透视... 课程开挂"wpk透视工作室"开挂(修改器)辅助神器(有挂规律) 了解更多开挂安装加(13670430...
从前有辅助"创思维激... 从前有辅助"创思维激k透视多少钱一个"详细开挂辅助工具有挂猫腻(解说技巧);亲,创思维激k透视多少钱...