zoukankan      html  css  js  c++  java
  • WijmoJS 支持模板字符串常量

    WijmoJS 支持模板字符串常量

    在V2019.0 Update2 的全新版本中,WijmoJS 支持了模板字符串常量。

    模板字符串是ES2015 / ES6中引入的一个非常棒的JavaScript功能,它们允许您使用插入值来构建多行字符串,并使处理嵌入字符串中的单引号和双引号变得更加容易。

    在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”函数为模板字符串添加了很多功能,希望能为您提供帮助。

    关于 WijmoJS 前端开发工具包

    WijmoJS 前端开发工具包由多款灵活高效、零依赖、轻量级的纯前端控件组成,如表格控件 FlexGrid、图表控件 FlexChart、数据分析 OLAP 等,完美支持原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可用于企业快速构建桌面、移动 Web 应用程序。

    借助葡萄城深厚的技术底蕴,WijmoJS 致力于为各领域用户提供更稳定、更高效的前端开发工具。产品自面市以来,已在招商银行、微软 Dynamics 项目、思科、特斯拉、富士通等知名企业中得以成功应用。WijmoJS 凭借其先进的体系架构、简单易学的使用文档、超过 500 种 Demo 演示、顶级的控件性能,以及轻松、易用的操作体验,可全面满足企业前端开发所需,是构建企业级 Web 应用程序最高效的纯前端开发工具包。

  • 相关阅读:
    React.Fragment
    微信分享
    视频H5 video标签最佳实践
    详解vue2.0+vue-video-player实现hls播放全过程
    call()和appl()的理解
    JS 原生面经从初级到高级
    vue面试
    面试题2
    IdentityServer4 实现 OpenID Connect 和 OAuth 2.0
    DDD关键知识点整理汇总
  • 原文地址:https://www.cnblogs.com/C1SupportTeam/p/11547473.html
Copyright © 2011-2022 走看看