有没有办法评估作为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中是否有标准方法。