Angular2: Chaîne d'échappement à l'intérieur d'un html attribué

Question

J'essaie donc d'utiliser le composant ng-bootstrap pour intégrer bootstrap sur mon application angulaire 2.

Suite au tutoriel, j'ai créé une structure en accordéon pour afficher les articles que je récupère sur mon serveur.

Le modèle est comme ce

<ngb-accordion *ngFor="let article of articles"> 
    <ngb-panel title="{{ article.title }}"> 
    <template ngbPanelContent>{{ article.summary }}</template> 
    </ngb-panel> 
</ngb-accordion> 

Le problème réside dans le fait que article.title article.summary amd peut contenir des caractères HTML spéciaux comme

" 

Alors, est-il un moyen de transformer cela en une seule citation (')? Toutes les solutions que j'ai trouvées jusqu'ici sont pour injecter du html dans un élément, ce qui n'est pas mon cas.

Toute information vous sera utile. Merci!

Answer 1

Utilisation d'expressions régulières pour remplacer les caractères spéciaux avec une chaîne vide comme si

<ngb-accordion *ngFor="let article of articles"> 
    // Add this line, escape it so it won't terminate prematurely 
    // Note: no curly braces 
    <ngb-panel title="article.title.replace(/\"/g, '')"> 
    <template ngbPanelContent>{{ article.summary }}</template> 
    </ngb-panel> 
</ngb-accordion>