Angular4，在ng2 dragulla中，draggable元素被拖出页面。如何在特定面板上启用拖动事件

Question

Screen Shot

我正在使用ng2 dragula。它工作正常，但当我将元素拖到任何 其他位置拖动元素。从技术上讲，它不应该。如何 停止将元素拖动到任何其他面板/位置 请提供解决方案 提前致谢。 这是我的代码.html

//app.module.ts
import { DragulaModule } from 'ng2-dragula';

imports: [
    DragulaModule
]

<ul class="edit-metrics-lists list-group table-scroll" 
  [dragula]='"bag-one"' 
  [dragulaModel]='selectedMetrics' 
  style="height: 224px;
         overflow-y: auto;
         margin-bottom: 0; 
         margin-top: -10px;">
    <li class="list-group-item" 
      *ngFor="let item of selectedMetrics" 
      style="padding-left: 0px;">
        <img src="./assets/img/drag.small.inactive.png" style="display:inline-block">
        <span style="padding-left: 6px;">{{item.metricName}}</span>
    </li>
</ul>