AngularJS 国际化简单demo

首先,要做AngularJS国际化,需要下面三个模块

    
    
    

大家可以使用bower工具下载这些模块

bower install angular
bower install angular-translate
bower install angular-translate-loader-static-files

首先,我们这里那中文和英文举个,先新建一个目录i18n,在这个目录下新建两个json文件cn.json, en.json.用来保存中英文对应的key和value.
cn.json:

{
  "title": "这是标题"
}

en.json:

{
  "title": "this is our title"
}
AngularJS 国际化简单demo_第1张图片
目录结构

这里就不把module模块和controller模块单独分到不同的文件离去了,全部写到html里:




    
    Title
    
    
    




测试:

参考文献:
1.Plnkr .
2.document.


最后打个小广告,闲着没事东拼西凑了个小程序(好多妹子奥),闲着无聊的小伙伴帮我扫扫凑凑人数哈:

AngularJS 国际化简单demo_第2张图片
炱无聊

你可能感兴趣的:(AngularJS 国际化简单demo)