angularjs 如何使用ngx-translate翻译属性中的文本

ahy6op9u  于 2023-06-21  发布在  Angular
关注(0)|答案(1)|浏览(137)

使用ngx-translate翻译html文本时卡住。我遇到缺少语言键的错误。我已经正确地将ngx-translation模块导入到该组件的模块中。我很困惑为什么翻译工作

[infoText]="invalidCredentials ? 'Username Incorrect' : ''"

我试着这样翻译。

[infoText]=" (invalidCredentials ? 'login.username-incorrect' : '') | translate"
[infoText]="invalidCredentials ? ('login.username-incorrect' | translate) : '' "

这些都没用有人知道为什么吗
当我尝试这样做时,它起作用了。那么我们不能翻译或忽略空字符串吗?

[infoText]=" (invalidCredentials ? 'login.username-incorrect' : 'login.password-incorrect') | translate"
7eumitmz

7eumitmz1#

我希望这会有所帮助。我给予一个适合我的例子:
ts文件中,我有:

constructor(public translate: TranslateService) {...}

 public c1="";
 public c2="";
 public condition =true;

 onchange(ev)
  {   
   this.translate.use('en');
   this.translate.get("<KEY1>").subscribe(x=>this.c1=x);
   this.translate.get("<KEY2>").subscribe(x=>this.c2=x);
  }

在HTML模板中,我这样做:

[value]="condition ? c1: c2"

相关问题