Wie implementiert man Drag & Drop in Angular2?

9

Ich möchte Drag & Drop mit Angular 2 implementieren. Ich habe einige Elemente:

%Vor%

was ich gerne in einen Container ziehen und ablegen könnte:

%Vor%

Ich kann in Angular 2 keine gute Informationsquelle dafür finden. Ich habe diese Datei gefunden: Ссылка was ich ausprobiert habe, aber ich konnte es nicht zur Arbeit bringen, ich bin mir auch nicht ganz sicher, wie es funktionieren soll.

Wie implementiere ich es?

    
theva 26.02.2016, 21:57
quelle

5 Antworten

15

versuche das:

%Vor% %Vor%     
Ruslan 07.10.2016 15:33
quelle
8

Versuchen Sie Folgendes:

%Vor%

Importieren Sie dann

%Vor%

Und in @Component

%Vor%     
Satch3000 08.06.2016 08:36
quelle
4

Ich habe es mit jquery draggable - in Angular integriert

getan %Vor%

Weitere Infos hier: Ссылка

Live-Demo: Ссылка

    
TGH 27.02.2016 00:36
quelle
3

Ich würde empfehlen, Ng2-Dragula zu verwenden.

es ist die angular2-Abhängigkeit, die Drag-and-Drop-Funktionalität für Ihre Anwendung leicht bereitstellt.

Alles, was Sie tun müssen, ist, diese Abhängigkeit über npm zu installieren.

%Vor%

Fügen Sie includes in index.html hinzu und konfigurieren Sie das System als

%Vor%

importieren Sie es in der Komponente, wo Sie Drag & Drop verwenden möchten und Sie sind gut zu gehen.

%Vor%     
Bhushan Gadekar 28.04.2016 05:08
quelle
3

Ich habe auch mit dem gleichen Beispiel für meine Draggables angefangen - und habe es zum Laufen gebracht. Das Beispiel stammt von einer frühen Version von angular2, daher sind einige Änderungen notwendig. Hier finden Sie diese Antwort . Es hat einige dieser Änderungen in sich. Viel Glück!

Meine eigene etwas allgemeinere Version geht so:

%Vor%

Nehmen Sie das mit einer Prise Salz, da ich gerade ein Speicherleck jage, das mit dieser Richtlinie zu tun zu haben scheint. Ich werde aktualisieren, wenn ich ein Problem finde.

    
LOAS 23.05.2016 20:39
quelle

Tags und Links