Angular 4+:是否可以将模板的字符串输入评估为HTML?

时间:2018-04-17 07:41:54

标签: angular angular2-template angular-template angular-pipe

有没有办法评估作为HTML传递到组件模板中的字符串?

我正在传递这个:

export const BARS: Blurb = {
  title: "Bars",
  description: "blah blah blah. <a routerLink='/barcades'>Barcades</a>"
}

进入这个:

<h3>{{blurb.title}}</h3>
<p>{{blurb.description}}</p>

目前正在按字面意思打印<a routerLink='/barcades'>Barcades</a>,而不进行评估。

作为背景,我正在制作一个旅游博客。我的所有页面都具有相同的结构:一组带标题的文本部分。为了避免代码重复,我基于像these这样的模型类创建了数据类。

基本上,我为我的网站创建了所有文学内容的JSON,然后将它们传递给公共组件的多个实例。这在当时似乎是一个好主意,但现在我想添加链接(最好甚至是routerLinks)。这可能吗?也许用管子?这甚至是一种可接受的策略吗?我很想知道Angular中是否有标准方法。

1 个答案:

答案 0 :(得分:0)

您正在寻找的是innerHTML财产。这样的事情:<div [innerHTML]="yourStringObject"> ....

您可能还需要首先清理它,查看帖子here