Angular2将字符串解析为html

Question

我导入rss项目在描述中有很多HTML代码（链接，段落等等）。当我在组件的视图中查看它时，如：

{{rss.description}}

网站的输出如下：

<a href="http://link.com">Something</a> <p>Long text</p>

如何快速轻松地将其解析为HTML？我不想用jQuery来交叉它。谢谢

Answer 1

不确定我是否正确理解了您的问题，但这可能是您想要的

<div [innerHTML]="rss.description"></div>

另请参阅In RC.1 some styles can't be added using binding syntax了解如何允许“不安全”HTML。

Answer 2

<div class="innerhtml-class" [innerHTML]="variable.innerHtml"></div>

添加样式：

组件选择器是：app-my-component

在 app-my-component 模板中为承载 innerHtml 内容的元素添加一个类：

添加到位于 angular 项目 src 文件夹中的全局样式文件：

app-my-component { 
 .innerhtml-class { 
   declaration goes here 
 } 
}