Angular 2：在 html 属性中转义字符串

Question

所以我正在尝试使用 ng-bootstrap 组件将引导程序集成到我的 Angular 2 应用程序中。

按照教程，我创建了一个类似手风琴的结构来显示我从服务器获取的文章。

模板是这样的

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

问题在于article.title和article.summary可能包含特殊的html字符，比如

"

那么，有没有办法把它变成单引号（'）？ 到目前为止，我发现的所有解决方案都是在元素中注入 html，这不是我的情况。

任何信息都会有很大帮助。 谢谢！

Answer 1

使用正则表达式将那些特殊字符替换为空字符串

<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>