2017-10-07 3 views
-1

質問があります。名前をliに印刷するng-repeatを作成しました。AngularJSドラッグアンドドロップドロップしたアイテムにクラスがあるかどうかをチェック

その後、li要素をキャッチした後に、dndDraggingクラスが追加されました(to li)。

今、私はこのクラスが追加されているかどうかを確認する方法を質問を持っているアイテムをピックアップした後に?

どうすればいいですか?

答えて

0

これはすべてあなたが何をしようとしているかによって異なりますが、私はクラスチェックとDOM操作のために行かないでしょう - それはjQueryの方法です。ここでは、あなたの配列をスプライスなり、配列のうち、項目を移動し、どこかにそれを置く - - そこにその機能(removeList)あなたが必要なすべてのロジックを作ることができますであなたが最も可能性の高い必要なもの

dnd-movedであなたのロジックを置くことです。

それが十分でない場合は要素がドラッグを開始したときにチェックするためにこれを使用することができます:

dnd-dragstart 

またはこれをドラッグが終了したときにチェックするために:

dnd-dragend 

要素がある場合でも、これはチェックする必要があります別の要素の上にドラッグされます:

dnd-dragover 

あなたのロジックを置くので、クラスチェックの必要はありません。私は何をしようとしているのかは100%確信していませんが、ソリューションの実装を開始する前にまずすべてのドキュメントを読むことを検討してください。https://github.com/marceljuenemann/angular-drag-and-drop-lists

+0

ちょっと、要素をキャッチして軽く動かすと、これは、最初に実行されるためです:ul [dnd-list] .dndDraggingSource {display:none; }。クラスdnddraggingは自分自身をすばやく追加することはできません。問題は、私のリストを点滅させるか、アイテムを少し動かしてアイテムを消すことができるようにすることです。クラスをdnddraggingしていたらそれをしたいので、document.querySelector( "ul [dnd -list]> .dndDraggingSource ")。 style.display = "none"私は問題を記録します:https://youtu.be/0wRbPusGkkA –

+0

と私は使用できませんdnd-dragoverこの指令の他の機能を持っていないので、要素を移動しません –

+0

あなたのコードを入れてくださいplnkrやフィドルやペンで – pegla

関連する問題