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 片段作为组件，而不是在元素对象中引用组件选择器并注入 angular 选择器并渲染视图？

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

Angular2 : Inject HTML from an array and render the view