调用ng2-dragula ondrop事件不起作用

时间:2016-05-24 06:08:49

标签: typescript angular dragula

我在下面的[row-bag]中拖放一个组件。组件成功拖放。

<li *ngFor="#secRowColumn of sectionRow.secRowColumns;#secRowColumnIndex=index" 
    [dragula]='"row-bag"' (ondrop)="print(secRowColumnIndex)" 
    class="col-md-{{12/sectionRow.secRowColumns.length}}"
    style="margin:0 auto;border:1px solid gray;"       
    [ngClass]="secRowColumn.cssClass" 
    >
        <generic-component component-name="{{secRowColumn.colName}}" [(component-model)]="secRowColumn.model"></generic-component>
</li>

* ngFor循环在页面上呈现列,我试图删除其中一列中的组件,我想要的是当我在第二列中删除组件时我想访问其索引,即secRowColumnIndex。< / p>

我尝试将事件绑定为(ondrop)="print(secRowColumnIndex)",但无法取得任何成功。 我也尝试打印ondrop方法的args如下:

dragulaService.drop.subscribe((value: any[]) => {
        console.log(`drop: ${value[0]}`);
        this.onDrop(value.slice(1));
        console.log(value);//secRowColumnIndex is not received here too.
    });

执行上述操作无法打印secRowColumnIndex。有关如何访问secRowColumnIndex的任何输入?

0 个答案:

没有答案