Drag data with angular inputs

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

ObaidUrRehman / ng-drag-drop

Drag data with angular inputs #145