在V2019.0 Update2的全新版本中,WijmoJS支持了模板字符串常量。
模板字符串是ES2015/ES6中引入的一个非常棒的JavaScript功能,它们允许您使用插入值来构建多行字符串,并使处理嵌入字符串中的单引号和双引号变得更加容易。
在
为此,葡萄城添加了“glbz”的标签功能,您可以使用Globalize with Template Strings而无需编写额外的代码。
例如:
import { glbz } from "@grapecity/wijmo";let price = 19.99;let tax = 0.1125;let total = glbz`The total price is <b>${price * (1 + tax)}:c2</b> (including ${tax}:p2 tax).`;let today = glbz`Today is <b>${new Date()}:'dddd, MMMM d, yyyy'</b>.`;document.getElementById('total-price').innerHTML = total;document.getElementById('today').innerHTML = today;
上面的模板字符串包括每个字段后面的格式字符串。格式字符串以冒号(“:”)开头,包含空格的格式字符串必须用引号括起来。
上述代码运行结果是:
The total price is $22.24 (including 11.25 % tax). Today is Monday, July 8, 2019.
请注意,“glbz”标记函数是如何将货币和百分比格式应用于值的:格式包含在每个模板元素之后,以冒号(“:”)为前缀。
这些值使用WijmoJS的本地化属性进行格式化,因此数字和日期分隔符、货币符号、日期和月份名称都由globalize自动处理。
例如,如果您将当前计算机语言更改为意大利语或德语,结果将是:
import '@grapecity/wijmo.cultures/wijmo.culture.it'; ...The total price is 22,24 € (including 11,25% tax).Today is lunedì, luglio 8, 2019. import '@grapecity/wijmo.cultures/wijmo.culture.de'; ...The total price is 22,24 € (including 11,25 % tax).Today is Montag, Juli 8, 2019.
请注意修改小数分隔符、货币符号、工作日和月份名称。
WijmoJS前端开发工具包的“glbz”函数为模板字符串添加了很多功能,希望能为您提供帮助。
想要获得 WijimoJS 更多资源或正版授权的伙伴,可以联系客服哦
扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯
标签:
来源:慧都
声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!