angulaire 4 et NGX-translate: éviter double de traduire tuyau en modèle pour la même clé

Question

Je le code suivant dans un modèle à partir d'un 4 angulaire application à l'aide NGX-translate

<a [routerLink]="['birthdays']" [title]="'birthdays.title' | translate"> 
{{ 'birthdays.title' | translate }} 
</a> 

cela fonctionne parfaitement. Mais je dois dupliquer le code qui récupère le translate pour 'birthdays.title'. Y a-t-il un moyen, dans le modèle, de le définir sur une variable et d'utiliser cette variable?

Quelque chose comme (pseudo-code):

<a [routerLink]="['birthdays']" [title]="'birthdays.title' | translate as title"> 
{{ title }} 
</a> 

Answer 1

Je ne pense pas que cela est nécessaire, mais vous pourriez faire obtenir variable dans vos .ts et ensuite utiliser cette variable dans votre code html:

// This is needed because translate get is async :(
birthdayString: string = ''; 

ngAfterViewInit() { 
    this.translate.get('birthdays.title') 
     .subscribe(value => { this.birthdayString = value; }) 
} 

get birthdayText() { 
    return birthdayString; 
} 

et dans votre fichier html:

<a [routerLink]="['birthdays']" [title]="birthdayText"> 
    {{ birthdayText }} 
</a>