Angular2: Inject HTML von einem Array und rendert die Ansicht

Question

Ich baue eine grundlegende Drag & Drop, die verschiedene vorbereitete HTML hat, die Sie in die Seite ziehen und ablegen können.

bekam ich ein Objekt mit der Liste der HTML, die Sie

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

Wie die HTML-Code in die Seite ziehen injizieren?

Oder soll ich die HTML-Snippets als Komponente erstellen und dann im Element-Element auf den Komponentenselektor verweisen und den Winkelselektor injizieren und die Ansicht rendern?

Answer 1

können Sie verwenden 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> 

Hinweis zu binden: Sie haben ngSanitize Modul auf Ihre Anwendung zu verwenden, um ng-bind-html