我有名单的网格,我试图拖动和相互利用NG2-dragula使用NG2-dragula拖动和交换网列出
some.component.html交换网的瓷砖
<md-grid-list rowHeight="200px" id = "cover" >
<md-grid-tile *ngFor="let werbedata of werbedaten"
[class.selected]="werbedata === selectedWerbedata"
[routerLink]="['/flyerdetail',werbedata.artnr]"
[style.background]="'lightblue'" class = "blocks"
[dragula]='"bag-one"'>
<md-list class="example-card">
<md-list-item>Produktname: {{ werbedata.werbetext }}</md-list-item>
<md-list-item>Euro: {{ werbedata.euro }}</md-list-item>
<h3 md-line> Artnr: {{ werbedata.artnr }} </h3>
<p md-line> Werbetext: {{ werbedata.werbetext }} </p>
</md-list>
</md-grid-tile>
</md-grid-list>
some.component.ts
export class FlyerComponent implements OnInit {
werbedaten: WerbeData[];
selectedWerbedata: WerbeData;
constructor(private werbedatenService: WerbeDatenService){};
...
...
}
我的想法是换在Drop事件的数据。是否有像这样可以添加到HTML的onDrop事件?
(onDrop) = "swap(data)"
然后在组件类中做swap(data:any)
?
还是必须初始化dragulaservice?有没有更好的方法来替代?
我绝对是新来的角,我发现这种可笑的难以遵循。任何提示将不胜感激?
感谢您的回复..我已经有Dragula设置以及创建基本拖放功能。这很简单。感谢下拉构造函数,但我已经使用我的构造函数来初始化另一个服务,所以我不能在相同的构造函数中一起初始化它们。 – Mellkor
您可以在构造函数中初始化任意数量的服务,它不仅限于一个 –