使用i18n翻译的angular2-notifications

时间:2018-04-28 06:08:21

标签: internationalization angular5

我使用https://www.npmjs.com/package/angular2-notifications此程序包来获取通知它工作正常,但它适用于ts文件,如;

saveUser(user){
      //some process then notification will work.
      this.notif.success(
      'Yeahhh successfull create notification',
      {
        timeOut: 3000,
        showProgressBar: true,
        pauseOnHover: false,
        clickToClose: true,
        maxLength: 50
      }
   )
}

工作正常,但我使用翻译(i18n),并希望通过语言提供这些参数。并且包说它有一个html函数但是我试过并且不能做

normally I use that translate syntax at my html files and works very well but I don't know how am I going to use it at my ts file with notification

谢谢

我想img无法看到,这是html的代码

this.notif.html(`<p translate > {{ 'City' | translate }}  Success</p>`)

1 个答案:

答案 0 :(得分:1)

您可以使用TranslateService获取翻译值。

首先导入服务。

import {TranslateService} from '@ngx-translate/core';

然后注入并使用它:

export class YourComponent {
  constructor(translate: TranslateService) {
    translate.get('CITY').subscribe((res: string) => {
      console.log(res);
      //=> 'Whatever your translation is for "city"'
    });
  }
}

可以找到进一步的文档here