角度5：在同一视图容器ref中拖放动态创建的组件（超过1个组件）

Question

我们已经动态创建了角度组件，并从数组中填充了组件列表。

  

现在，在初始化视图之后，我们必须通过鼠标拖放来上下移动组件，并根据   在当前视图上。

我们已经尝试过查看容器ref的移动，但是似乎没有任何运气。有什么合理的方法可以实现此功能。

下面的代码段

this.currentAdIndex = (this.currentAdIndex + 1) % this.ads.length;
let item = this.ads[this.currentAdIndex];

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(item.component);

let viewContainerRef = this.adHost.viewContainerRef;
if (viewContainerRef.length<3) {

    let componentRef = viewContainerRef.createComponent(componentFactory);
    (<AdComponent>componentRef.instance).data = item.data;
    if (viewContainerRef.length>=1) {
        viewContainerRef.move(componentRef.hostView, 0);
    }
}