Использование Renderer для i18n?

Question

Я недавно читал very interesting article от @yearofmoo о Angular2 Renderer. Это дало мне представление о том, что можно сделать i18n с Renderer. В основном использует эту функцию:

createText(parentElement: any, value: string): any { 
    // this is called for every text node in the template 
    } 

и просто превратить value путем отображения его на другой язык:

let es = { "Hello": "Hola" } 

value = "Hello" 
value = es[value] 

я кратко смотрел на issues и design docs, но прежде чем идти по этой кроличьей норе Я хотел проверить если у кого-то есть опыт с этим.

Есть ли проблемы, которые могут помешать этому работать? Какие-то нарушения в пути, о которых я не знаю? Мнения об этом подходе?

Answer 1

Мы используем Renderer для установки перевода, предоставленного атрибутом.

import { Directive, ElementRef, Input, Renderer, OnInit} from '@angular/core'; 
import { TranslateService } from './translate.service'; 

@Directive({ selector: '[translate]' }) 
export class TranslateDirective implements OnInit{ 

    @Input() translate :string; 

    constructor(private el: ElementRef, private renderer: Renderer, private _translateService : TranslateService) {} 

    ngOnInit(): void { 
     this.renderer.setText(this.el.nativeElement,this._translateService.instant(this.translate)); 
    } 
} 

Смотрите plunker для демо

Надеюсь, это то, что вы где искали.