模板字符串是ES2015/ES6中引入的一個非常棒的JavaScript功能，它們允許您使用插入值來構建多行字符串，并使處理嵌入字符串中的單引號和雙引號變得更加容易。

在WijmoJS的新版本中，“模板字符串”將作為WijmoJS的核心組件。

點擊下載WijmoJS正式版

為此，葡萄城添加了“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微信公眾號，及時獲取最新動態及最新資訊