Angular2：从数组中注入HTML并呈现视图

Question

我构建了一个基本的拖放功能，其中包含各种准备好的HTML，您可以将其拖放到页面中。

我有一个带有可以拖动的HTML列表的对象

element=[
 text: {html: '<p> asdasdasdas</p>'},
 list: {html: '<ul><li></li></ul>'};
 img: {html: '<img src="placeholder.jpg"/>'}
]

如何将html注入页面？

或者我应该将HTML片段创建为组件，还是在元素对象中引用组件选择器并注入角度选择器并渲染视图？

Answer 1

您可以使用ng-bind-html绑定html

<div ng-bind-html="element.text.html"></div>
<div ng-bind-html="element.list.html"></div>
<div ng-bind-html="element.img.html"></div>

注意：您必须在应用中包含ngSanitize模块才能使用ng-bind-html