title: cdkDropList with ng-template on dynamic component list do'snt work
body: <p>I'm trying to use Drag&amp;Drop features released with Angular Material 7. And dynamically creating component using ng-tempalte.</p>
  
  <p><code>&lt;div cdkDropList (cdkDropListDropped)="dropLocal($event)"&gt;
            &lt;ng-template  #components&gt;&lt;/ng-template&gt;
  &lt;/div&gt;</code></p>
  
  <p>and added cdkDrag at components.</p>
  
  <p>I am using createComponent at parent component to keep on create components.
  <code>viewContainerRef.createComponent</code></p>
  
  <p>but dragdrop functionality is not functional since  <code>cdkDrag must be in a tag nested inside the one with cdkDropList, otherwise the dragged element won't detect the drop zone.</code></p>
  
  <p>reference :<a href="https://stackoverflow.com/a/54158293/4481952">https://stackoverflow.com/a/54158293/4481952</a></p>
  
  <p>Is there a way around to make dropfunctionality work? </p>
  
  <p>demo code <a href="https://stackblitz.com/edit/angular-ngtemplate-reorder?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-ngtemplate-reorder?file=src%2Fapp%2Fapp.component.html</a></p>