Перевести с Angular2

Question

Я хочу перевести текст, я всегда использую {{ 'Name' | translate }} in my html Но теперь мне нужно использовать translate en my .ts, но у меня есть проблема.

    this.gridOptions = <GridOptions>{};

    this.columnDefs = [
      {
        headerName: {{'Name' | translate }},
        field: 'name'
      }];

Forbbiden bitwise operation (no-bitwise)
Not found the name translate
hope ','.
hope ';'.

Спасибо

Answer 1

Вы можете использовать ngx-translate для этого.

constructor(private translate: TranslateService) {
  this.translate.setDefaultLang('en');

  // Initially setting the language as the browser's lang
  if (this.translate.getBrowserLang() !== undefined) {
     this.translate.use(this.translate.getBrowserLang());
  } else {
     this.translate.use('en');
  }
}

generateColDef() {

  // 'APP.NAMESTR' is the key to your Names translation which resides in your language json
  this.translate.get('APP.NAMESTR').subscribe(value => {
    this.columnDefs = [{
       headerName: value,
       field: 'name'
     }]; 

  });
}

Для более полного примера проверьте это stackblitz

Answer 2

Вы должны использовать Pipe в .ts файле, например:

import {Pipename} from './pipename';

Pipename.prototype.transform(arguments);

Нет необходимости использовать {{}} в .ts файле.