mettre une nouvelle ligne dans la chaîne à traduire

Question

J'utilise ngx-translate.

Comment puis-je mettre un saut de ligne dans une chaîne à traduire?

Dans mon modèle j'ai:

{{'STRING_TO_TRANSLATE' | translate}} 

Dans mon en.json:

{ 
"STRING_TO_TRANSLATE": "text on first line. <br> or \n don't work. Text on second line" 
} 

Answer 1

Il fonctionne! Mais au lieu de

{{'STRING_TO_TRANSLATE' | translate}} 

Vous devriez faire

<div [innerHTML]="'STRING_TO_TRANSLATE' | translate"></div> 

<br/>s devrait fonctionner très bien, mais dans d'autres cas, vous devrez peut-être un peu 'tuyau html sécurité' supplémentaires, i.e.:

import { Pipe, PipeTransform } from '@angular/core'; 
import { DomSanitizer } from '@angular/platform-browser'; 

@Pipe({name: 'mySafeHtmlPipe'}) 
export class SafeHtmlPipe implements PipeTransform { 
    constructor(private sanitizer: DomSanitizer) { 
    } 

    public transform(htmlContent) { 
    return this.sanitizer.bypassSecurityTrustHtml(htmlContent); 
    } 
}