Angular 如何对ts文件中的多个值进行角度平移,并同时具有参数?

Angular 如何对ts文件中的多个值进行角度平移,并同时具有参数?,angular,typescript,angular-translate,Angular,Typescript,Angular Translate,我只想将snackBar中的消息,即“仅大小小于”的文件翻译成另一种语言,后跟动态变量,然后翻译行“KB是允许的”。怎么做?全新的角度翻译 也许这个答案可以帮助你: 您是否尝试过执行以下操作 this.snackBar.open( `Only files of size less than ${this.fileSizeAllowed}KB are allowed`, this.translate.instant('USER_REG.close')

我只想将snackBar中的消息,即“仅大小小于”的文件翻译成另一种语言,后跟动态变量,然后翻译行“KB是允许的”。怎么做?全新的角度翻译

也许这个答案可以帮助你:

您是否尝试过执行以下操作

this.snackBar.open(
            `Only files of size less than ${this.fileSizeAllowed}KB are allowed`,
            this.translate.instant('USER_REG.close'),
            
            {
              panelClass: 'errorSnackbar',
              duration: 5500,
            }
          );

您可以在模板字符串文本中使用
translate.instant
方法。注意单词
后面的空格。如果translate服务删除了该空格,则可以将其添加到第一个
${}
块之后

this.snackBar.open(
            this.translate.instant('FIRST.MESSAGE')+ ${this.fileSizeAllowed} + this.translate.instant('SECOND.MESSAGE'),
            this.translate.instant('USER_REG.close'),
            
            {
              panelClass: 'errorSnackbar',
              duration: 5500,
            }
          );

您可以简单地使用下面代码中的参数

this.snackBar.open(
`${this.translate.instant('Only files of size less than ')}${this.fileSizeAllowed}${this.translate.instant('KB are allowed')}`, 
this.translate.instant('USER_REG.close'), 
{ panelClass: 'errorSnackbar', duration: 5500, } 
);
在资源文件中,该值为

    this.snackBar.open(
this.translateService.stream('MESSAGEKEY', { dynamicVariable: this.fileSizeAllowed}).subscribe((res) => { return res; })
this.translate.instant('USER_REG.close'),                
                {
                  panelClass: 'errorSnackbar',
                  duration: 5500,
                };
    );
'MESSAGEKEY' : "Only files of size less than" {{ dynamicVariable }} "KB are allowed"