Question

所以我正在尝试使用ng-bootstrap组件在我的angular 2应用程序上集成bootstrap。

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

模板就像这样

<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字符，如

&quot;

那么，有没有办法把它变成单引号（'）？到目前为止我找到的所有解决方案都是在元素中注入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>

Angular2：在html attributre中转义字符串

1 个答案: