Utilizzo di Renderer per fare i18n?

Question

Ho letto recentemente very interesting article da @yearofmoo su Renderer Angular2. Mi ha dato l'idea che potrebbe essere possibile fare i18n con Renderer. utilizzare Fondamentalmente questa funzione:

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

e semplicemente trasformare value mappando alla lingua diversa:

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

value = "Hello" 
value = es[value] 

ho guardato brevemente la issues e design docs, ma prima di scendere questa tana del coniglio ho voluto verificare se qualcuno ha qualche esperienza con questo.

Ci sono problemi che potrebbero impedire il corretto funzionamento? Alcuni cambiamenti irrazionali nel modo in cui non ne sono a conoscenza? Opinioni su questo approccio?

Answer 1

Utilizziamo Renderer per impostare una traduzione che è stata fornita da un attributo.

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)); 
    } 
} 

Vedi plunker per demo

Speriamo che questo sia ciò che stavi cercando.