Angular 如何将标记字符串解析为html代码
我试图解析一个包含一些标记代码(如粗体或斜体)的字符串,我希望它被解析并显示为HTML代码 我创建了一个管道,它检测一些标记(目前只有粗体和斜体),因此它可以将其转换为html标记,如下所示:Angular 如何将标记字符串解析为html代码,angular,Angular,我试图解析一个包含一些标记代码(如粗体或斜体)的字符串,我希望它被解析并显示为HTML代码 我创建了一个管道,它检测一些标记(目前只有粗体和斜体),因此它可以将其转换为html标记,如下所示: {{line | markdown} 想象下面的字符串这是*斜体*这是**粗体** 解析正在工作,因此它返回以下行: 这是斜体,这是粗体 问题在于页面不会将字符串解释为html代码,而是纯文本 因此,我尝试像这样添加[innerHTML]标记: {{line | markdown} 现在,页面显示:
{{line | markdown}
想象下面的字符串这是*斜体*这是**粗体**
解析正在工作,因此它返回以下行:这是斜体,这是粗体
问题在于页面不会将字符串解释为html代码,而是纯文本
因此,我尝试像这样添加[innerHTML]标记:
{{line | markdown}
现在,页面显示:这是斜体,这是粗体
为什么它解析粗体而忽略斜体,我怎么才能得到我想要的呢?应该是
。在这种情况下,管道的输出将作为innerHtml传递给span,如前所述,对于管道的返回为实际的内部HTML,语法不太正确
我还建议使用一个库进行从标记到HTML的转换,而不是自己尝试这样做。节省时间:)
您只需将管道的参数传递给库入口点并返回HTML