typescript - anropar ng2-dragula ondrop-händelse fungerar inte


Jag drar och släpper en komponent på följande [row-bag]. Komponenten blir drag- och släppad framgångsrikt.

<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-loopen renderar kolumner på sidan och jag försöker placera komponenter i en av dessa kolumner, vad jag vill är att när jag placerar en komponent i den andra kolumnen vill jag få åtkomst till dess index, dvs. secRowColumnIndex.

Jag försökte binda händelsen som (ondrop)="print(secRowColumnIndex)" men fick inget resultat. Jag försökte också skriva ut args från ondrop-metoden på följande sätt:

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

att göra ovanstående skriver inte ut secRowColumnIndex. Några tips om hur jag kan få åtkomst till secRowColumnIndex?