我在下面的[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
的任何输入?