Ember Handlebar 助手 Ember Intl

BSD
JavaScript
跨平台
Yahoo
2015-05-05
孔小菜

Ember Intl 提供 Ember Handlebar 助手,并且可以把本地化服务注入到视图、路径、模块、控制器和组件中。它提供一个格式化日期、数字、字符串消息的方法。

示例代码:

/** 
* unit test for testing index view which contains the helpers: 
`format-message` and `intl-get` 
* 
* unit/views/index-test.js */
import Ember from 'ember';
import { registerIntl } from '../../../initializers/ember-intl';
import {
  moduleFor,
  test
} from 'ember-qunit';

moduleFor('view:index', 'IndexView', {
  needs: [    
      'template:index',    
      'adapter:-intl-adapter',    
      'service:intl',    
      'helper:intl-get',    
      'formatter:format-message',    
      'locale:en',    
      'locale:es'
  ],  
setup: function () {    
    // depending on your test library, container will be hanging off `this`
    // or otherwise passed in as the first argument
    var container = this.container || arguments[0];    
    // injects the service on to all logical factory types
    registerIntl(container);    
    // set the initial intl service locale to `en-us`
    var intl = container.lookup('service:intl');
    intl.set('locales', 'en');
  }
});test('index renders', function () {
  expect(2);  var view = this.subject({
    context: Ember.Object.create({
      firstName: 'Tom'
    })
  });  var intl = view.get('intl');  // render view
  Ember.run(view, 'appendTo', '#qunit-fixture');

  equal(view.$().text().trim(), "hello Tom");

  Ember.run(function () {
    intl.set('locales', 'es');
  });

  equal(view.$().text().trim(), "hola Tom");  // destroy view
  Ember.run(view, 'destroy');
});
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

升级Ember到2.2.0版本

目前(_2015-11-24_)使用[Ember CLI](http://www.ember-cli.com/user-guide/)命令安装的`ember`项目默认使用的`ember`版本是1.13.x。如果你想升级到2.0或更高的版本只能手动升级。 下面讲为大...

2015/11/24 23:37
479
0
Ember版本小小结

不得不说Ember更新实在是太快了!!现在(_2015-11-23_)已经更新到2.2.0版本了。随着版本的升级很多旧版的特性会被声明为过是,甚至是弃用, 这对开发者来说是在是痛苦!版本的兼容性问题成...

2016/01/25 22:13
243
1
Ember.js 入门指南--目录

Ember.js是一个JavaScript的MVC框架,Ember已经发布到v2.0.0目前国内还很少有 Ember.js 的教程,由于诞生了本系列教程!希望本教程能帮助你更好的学习 Ember.js。...

2015/09/07 00:12
621
0
如何使用ember下拉框组件??

简而言之,`select`组件从2.0开始声明为过时,2.4版本后完全移除,如果你的项目是在2.0到2.4之间的可以通过安装插件[ember-legacy-views](https://github.com/emberjs/ember-legacy-views)支...

2016/03/25 09:24
136
1
一起参与Ember.js讨论、问答社区。

为了大家能更深入学习Ember.js,我没天都会发一个API出来供大家学习,每天3个。量少而慢慢积累,希望这是一种更好的学习API的方式。 另外,每隔几天我会提出一个小问题,让家伙参与进来,根据...

2016/09/25 18:14
157
0
Ember.js如何与后端服务交互?adapter、store、ember data关系揭秘

如何使用adapter、EmberData以及怎么连接到本地数据库??可以说现在网络上还很少有这样完整一个实例,本文将一步步带你创建一个完整的实例,从头到尾让你一次性搞懂Ember如何与后端交互! ...

2016/08/03 01:08
586
0
react-intl 实现 React 国际化多语言

效果预览 React Intl 国际化步骤 创建国际化资源文件 根据语言获取国际化资源 引入 react-intl 的 local data 创建 LocaleProvider 国际化上下文组件 创建 react-intl 国际化上下文组件 使用...

2019/11/05 23:31
11
0
如何在Ember.js项目中使用在线文本编辑器

如何在Ember.js项目中使用在线文本编辑器??网上有很多开发者想在[Ember.js](https://guides.emberjs.com)项目中使用[ueditor](https://ueditor.baidu.com)但是遗憾的是ueditor并不支持Emb...

2016/05/10 02:06
201
2
Ember.js 入门指南——总目录

Ember.js 是什么?我想对于想学习它的人应该知道它是个什么东西,如果你想了解那就赶紧去 Google 或者百度,本系列教程是通过学习官网教程然后摘抄个人觉得比较重要的部分,加上学习实例整合...

2015/10/25 17:14
3.4K
1
使用ember-simple-auth实现Ember.js应用的权限控制

很多网站都有登录功能,对于Ember的应用我们怎么实现权限的控制呢?本篇将为你演示一个最常用的权限控制例子:用户登录。 要实现登录最常用的方式是通过判断session值,如果session中存在你所...

2015/11/20 02:14
1.3K
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部