$translate 的用法

时间：2023-01-14 03:49:50
translate 的用法

1.在html页面：文本的翻译

<h1 translate>hello world</h1>

<h1 translate = 'hello world '></h1>

<h1> 'hello world '|translate </h1>

2.

placeholder= {{var|translate}}

aria-label={{var|translate}}

tooltip = {{var|translate}}

ng-bind= {{var|translate}}

ng-bind= {{key|translate}}

<p translate = 'key'  translate-values= ' { index:' {{var}}'}'

--json

key:".....{{index}}"

3.$translate.use();

define(function (require) {

  return function SavedObjectFactory(es, kbnIndex, Promise, Private, Notifier, safeConfirm, indexPatterns,$translate) {

    var angular = require('angular');

      //luochunxiang@eisoo.com

      var message ;

      var lang = $translate.use();

      if(lang === 'zh-cn'){

        message = '你确定你想要覆盖 '

      }else if(lang === 'zh-tw'){

        message = '你確定你想要覆蓋  '

      }else{

        message = 'Are you sure you want to overwrite '

      }

$

4.$translate.instant（key）

var a = $translate.instant("Are you sure you want to delete the selected");

var b = $translate.instant("Are you sure you want to delete the selected");

var aaa = `trgutyr ${a}${currentTab.title}${b}`;

'rtguiyi'

var bbb = aaa;

---.js

       var option = {

          "Seconds": $translate.instant("Seconds ago"),

          "Minutes":$translate.instant("Minutes ago"),

          "Hours": $translate.instant("Hours ago"),

          "Days": $translate.instant("Days ago"),

          "Weeks": $translate.instant("Weeks ago"),

          "Months": $translate.instant("Months ago"),

          "Years": $translate.instant("Years ago")

        };

        $scope.relativeOptions = [

          {text: option.Seconds, value: 's'},

          {text: option.Hours, value: 'm'},

          {text: option.Days, value: 'h'},

          {text: option.Days, value: 'd'},

          {text: option.Weeks, value: 'w'},

          {text: option.Months, value: 'M'},

          {text: option.Years, value: 'y'},

        ];

---.html

                  <div class="form-group">

                    <select

                      ng-model="relative.unit"

                      ng-options="opt.value as opt.text for opt in relativeOptions"

                      translate-values

                      ng-change="formatRelative()"

                      class="form-control col-xs-2">

                    </select>

                  </div>

5直接使用window.localStorage.lang;

    //luochunxiang@eisoo.com

    var message ;

    var lang =  window.localStorage.lang;

    if(lang === 'en-us'){

      message = 'MMMM Do YYYY, HH:mm:ss.SSS'

    }else if(lang === 'zh-tw'){

      message = 'YYYY年MM月DD日, HH:mm:ss.SSS'

    }else{

      message = 'YYYY年MM月DD日, HH:mm:ss.SSS'

    }

6  ng-show = "lang === 'en-us'"

    <div ng-show = "lang === 'en-us'">

      <saved-object-finder

              title="Saved Searches"

              type="searches"

              make-url="step2WithSearchUrl">

      </saved-object-finder>

    </div>

    <div ng-show = "lang === 'zh-tw'">

      <saved-object-finder

              title="已存搜索"

              type="searches"

              make-url="step2WithSearchUrl">

      </saved-object-finder>

    </div>

    <div ng-show = "lang === 'zh-cn'">

      <saved-object-finder

              title="已存搜索"

              type="searches"

              make-url="step2WithSearchUrl">

      </saved-object-finder>

    </div>

7

    <div ng-if="aggParam.name">

      <span><label>{{ aggParam.name | translate }}</span> <span translate>Pattern</span></label>

    </div>

    <div ng-if="label">

      <label>{{ label  | translate }} <span translate>Pattern</span></label>

    </div>

<!--     <label>{{ aggParam.name | label }} <span translate>Pattern</span></label> -->

随机推荐

  1. Maven生命周期小记

    1.Maven生命周期是为了所有的构建过程进行抽象和统一.Maven从大量的项目和构建工具中学习和反思,总结了一套高度完善.易扩展的生命周期.这个生命周期包含了项目的清理.初始化.编译.测试.打包.集 ...

  2. DP&colon;Space Elevator&lpar;POJ 2392&rpar;

    太空电梯 题目大意:一群牛想造电梯到太空,电梯都是由一个一个块组成的,每一种块不能超过这个类型的高度,且每一种块都有各自的高度,有固定数量,问最高能造多高. 这题就是1742的翻版,对ai排个序就可以 ...

  3. HDU 3642 扫描线（立方体体积并）

    Get The Treasury Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others ...

  4. JavaScript DOM高级程序设计 5动态修改样式和层叠样式表1（源代码）--我要坚持到底！

    W3C DOM2样式规范 现在这边贴出本章要的源代码,注意要结合前面用到的ADS库http://vdisk.weibo.com/s/Dq8NU CSSStyleSheet对象属性: type :始终是 ...

  5. Scala 编程（四）内建控制结构

    if 表达式 Scala 的 if 如同许多其它语言中的一样工作.它测试一个状态并据其是否为真,执行两个分支中的一个: var filename = "default.txt" i ...

  6. 使用XML向SQL Server 2005批量写入数据&mdash&semi;&mdash&semi;一次有关XML时间格式的折腾经历

    原文:使用XML向SQL Server 2005批量写入数据——一次有关XML时间格式的折腾经历 常常遇到需要向SQL Server插入批量数据,然后在存储过程中对这些数据进行进一步处理的情况.存储过 ...

  7. NFS存储服务部署

    第1章 NFS介绍 1.1 NFS服务内容的概述 □ RPC服务知识概念介绍说明,以及RPC服务存在价值(必须理解掌握) □ NFS服务工作原理讲解(必须理解掌握) □ NFS共享文件系统使用原理讲解 ...

  8. 根据http协议下载文件保存到相应的文件下

    本实例通过提供的http网址来下载文件,并保存到本地指定的文件下. 本例提供的网址为:http://112.53.80.131:8888/database/11.mdb,下载的文件名为:11.mdb ...

  9. margin的两个有趣现象：margin合并和margin塌陷

    margin合并 当两个元素在垂直方向并列,分别设置margin值时会发生一个margin合并的现象 举个例子,有两个div,垂直并列,box1设置margin-bottom:20px,box2设置m ...

  10. springcloud-2&colon;服务中心（1）

    环境:springboot 2.0.0 + springcloud Finchley.M9 pom.xml: <?xml version="1.0" encoding=&qu ...

相关文章