Drag data with angular inputs

[westlakem]

Please remove sections that are not required.

• I'm submitting a ...
  [ X ] bug report
  [ ] feature request
  [ ] other

• What is the current behavior?

Angular inputs cut off the html.

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar.

Component.ts

  order = [
    `<div> TEST</div>`,
    `<app-ngx-editor [placeholder]="'This is the first paragraph'" [spellcheck]="true" [(ngModel)]="text"></app-ngx-editor>`,
    `<h2>Subsection 1</h2>`,
    `<h1>Title</h1>`
  ];

HTML FILE:

<div droppable [dragData]=html (onDrop)="moveItem($event)" draggable="true" *ngFor="let html of order" [innerHTML]="html" ></div>

DOM RENDERING:

<div _ngcontent-c2="" draggable="true" droppable="" class="drag-handle" ng-reflect-drag-data="<app-ngx-editor [placeholder]="></div>

• What is the expected behavior?

should maintain all the HTML content to render in the DOM

• Please tell us about your environment:

• Angular version: 6.0.3
• Browser: Chrome 64