Eu tenho um vetor no meu componente que está acentuado com código html.
text=[ 'DRENAGEM AUTÓGENA','BAG SQUEEZING','RESPIRAÇÃO DIAFRAGMÁTICA','CAR','AFE','INSPIRAÇÃO EM TEMPOS','FRENO LABIAL','INSPIRAÇÃO SUSTENTADA', 'INCENTIVADOR A FLUXO', 'HUFFING', 'VIBRAÇÃO','COMPRESSÃO-DESCOMPRESSÃO'];
<div class="col-5 col-sm-3 col-md-3 col-lg-2 m-2 p-1" *ngFor="let t of text; let i = index"
style="background-color: aliceblue">
<div class="w-100 h-100">
<app-card #card_1 number="{{ i + 1 }}" word="{{ t }}" [front]="!mestre" group="{{ groups[i] }}"><span
class="badge badge-pill badge-primary">Primary</span></app-card>
</div>
</div>
Quando eu faço um ngFor para mostrar todas as palavras {{ palavra }} ele não mostra a letra acentuada. Continua mostrando VIBRA Ç ; Ã ;O