Verwenden des Renderers für i18n?

Question

Ich lese kürzlich very interesting article von @yearofmoo über Angular2 Renderer. Es gab mir eine Idee, dass es möglich sein könnte, i18n mit Renderer zu tun. Grundsätzlich verwenden Sie diese Funktion:

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

und einfach verwandeln value, indem es andere Sprache abbildet:

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

value = "Hello" 
value = es[value] 

Ich schaute kurz auf die issues und design docs, aber bevor diese Kaninchenbau hinunter wollte ich überprüfen wenn jemand Erfahrung damit hat.

Gibt es irgendwelche Probleme, die dies verhindern könnten? Einige brechen Änderungen auf dem Weg, die mir nicht bewusst sind? Meinungen zu diesem Ansatz?

Answer 1

Wir verwenden Renderer, um eine Übersetzung festzulegen, die von einem Attribut bereitgestellt wurde.

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

Siehe plunker für Demo

Hoffentlich ist das, was Sie wo suchen.