Angular网站国际化处理

2020-04-10 15:42:02 浏览数 (1)

Angular网站国际化处理

第一步,我们要知道——

angular.js 处理国际化的实践

angular.js 官方出了一个模块 angular-translate 来解决多语言国际化问题

angular-translate.js angular官方提供的国际化模块 loader-static-files.js模块是用来读取本地文件的模块

下边依赖注入:把 angular-translate 模块以一个依赖项加载进来。

config 函数用translateProvider 服务配置 translate 服务实现。

国际化资源文件建立:

页面切换语言结构

编写语言切换控制器:controller

window.location.reload()这部分不知道为什么不刷新时,{{}}无法语言切换,但是translate可以直接切换。

定义一个过滤器实现国际化

定义一个服务国际化

国际化使用:

1.translate方式

2.{{}}绑定方式

3.controller中使用


以上便是小编给大家介绍的内容,希望大家喜欢~如果您有好的文章,也可以联系小编

0 人点赞