angular-translate国际化中变量替换

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&#

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值