angular-translate国际化中变量替换

本文介绍了如何在Angular的angular-translate模块中实现国际化的变量替换。通过两种使用方式(过滤器和指令),展示了如何在国际化字符串中插入变量,并结合后台推送的信息动态展示。当需要插入变量时,可以使用translate-values或translate-value-*属性传递参数,同时强调了不能在translate-values中直接使用过滤器,而应在JSON文件中处理。
摘要由CSDN通过智能技术生成

translate使用方式有两种:

1.是当成过滤器使用(指使用的格式和使用过滤器一样,{ { ‘hello' | translate }});

2.当成指令使用(使用格式和使用指令一样,<p translate="hello"></p>)

其实translate模块和自定义指令和过滤器没啥区别,国际化也可以用自定义过滤器实现,只是这是别人写好的一个模块,更符合angular的语境。

translate使用起来非常简单,如上两种方法,但是有时候国际化并不是所有东西都是静态的,国际化中可能包含变量,根据后台推送的信息展示,这个时候就需要我们在国际化中插入变量了,当然,这个问题angular开发者肯定早就已经想到了。下面就来说说插入变量的用法:

比如我要在国际化插入一个名字变量:

国际化json中:

{

"userName":"Hello { {name}}"

}//这个是国际化json文件内容,我需要根据后台变量来显示name


在视图中使用方法:

1.{ { ’userName‘ | translate:'{name:string}' }}//可以这样把name传递给translate  或者{ { ’userName‘ | translate:obj}}  $scope.obj={name:userName}

2.如果你是用指令的方式使用translate,那就这样使用:

<p translate="userName&#

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值