Angular 如何将标记字符串解析为html代码

Angular 如何将标记字符串解析为html代码,angular,Angular,我试图解析一个包含一些标记代码(如粗体或斜体)的字符串,我希望它被解析并显示为HTML代码 我创建了一个管道,它检测一些标记(目前只有粗体和斜体),因此它可以将其转换为html标记,如下所示: {{line | markdown} 想象下面的字符串这是*斜体*这是**粗体** 解析正在工作,因此它返回以下行: 这是斜体,这是粗体 问题在于页面不会将字符串解释为html代码,而是纯文本 因此,我尝试像这样添加[innerHTML]标记: {{line | markdown} 现在,页面显示:

我试图解析一个包含一些标记代码(如粗体或斜体)的字符串,我希望它被解析并显示为HTML代码

我创建了一个管道,它检测一些标记(目前只有粗体和斜体),因此它可以将其转换为html标记,如下所示:

{{line | markdown}
想象下面的字符串
这是*斜体*这是**粗体**

解析正在工作,因此它返回以下行:
这是斜体,这是粗体

问题在于页面不会将字符串解释为html代码,而是纯文本


因此,我尝试像这样添加[innerHTML]标记:

{{line | markdown}
现在,页面显示:
这是斜体,这是粗体



为什么它解析粗体而忽略斜体,我怎么才能得到我想要的呢?

应该是
。在这种情况下,管道的输出将作为innerHtml传递给span

,如前所述,对于管道的返回为实际的内部HTML,语法不太正确

我还建议使用一个库进行从标记到HTML的转换,而不是自己尝试这样做。节省时间:)

您只需将管道的参数传递给库入口点并返回HTML