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
163
0
一起参与Ember.js讨论、问答社区。

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

2016/09/25 18:14
96
0
Ember.js入门教程、博文汇总

文章来源:http://xcoding.tech/tags/Emberjs/ 网友@如影随形提意见说整个教程的目录,细想也是,整个网站的管理有点乱,很多东西都不知道放哪里找起来也不方便*(太懒了,连个搜索都没有!)...

2016/05/25 23:12
572
3
模型高级特性,引入模型关联关系

继续接着前面5篇讲述如何构建一个稍微复杂的Ember.js应用。本篇继续讲述组件的使用、模型特性,引入构建测试数据的开发库faker.js。

2016/04/27 18:08
33
1
如何在Ember.js项目中使用在线文本编辑器

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

2016/05/10 02:06
79
2
从服务器获取数据,引入组件

接着前面四篇博文,继续为你介绍如何搭建一个复杂的Ember项目。本文主要介绍组件,组件是Ember框架中一个非常非常重要的东东,想学好Ember.js必须要理解组件(component)。...

2016/04/26 23:22
54
1
Ember版本小小结

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

2016/01/25 22:13
88
1
使用ember-simple-auth实现Ember.js应用的权限控制

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

2015/11/20 02:14
609
0
Ember.js 入门指南--目录

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

2015/09/07 00:12
330
0
环境搭建以及使用Ember.js创建第一个静态页面

本篇从环境搭建开始,逐步构建出一个包含多个静态界面的Ember应用。

2016/03/31 17:11
119
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部