2

我正在以下 [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.

我尝试了事件绑定,(ondrop)="print(secRowColumnIndex)"但没有成功。我也尝试打印 ondrop 方法的参数如下:

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有关如何访问的 .any 输入secRowColumnIndex

4

0 回答 0