問題タブ [angular-dragdrop]

私は使用しています: http://angular-ui-tree.github.io/angular-ui-tree/#/connected-trees 親レベルではドラッグできるようにしたいが、子レベルではドラッグできないようにしたい木。

どうすればそれについて行くでしょうか。私は今ここに置くことができる彼らのコードを使用しています

html

そしてコントローラーは

ありがとう

**私が試したこと**

これは私が試したものです

その後

しかし、console.log には ID などは何も表示されません。属性を追加してから確認することを考えていました

**ハッキーな修正**

だから私はこれをちょっと修正しましたが、それは非常にハックです...なぜIDを取得できないのか、なぜこれが機能するのかを知る必要があります...未定義を返し、それをチェックします..これで仕事は完了しますが、とてもハックなので嫌いです

angular-dragdropを使用して画像divを別のものに移動していdivます。各 div には独自の$scopeリストがあるため、要素をあるリストから別のリストにドロップすると、アイテムを受け取るリストが更新されます。

ただし、ドロップ可能な領域にアイテムをドロップすると、左上隅に移動します。落とした場所に留まらない

これは私のHTMLです

ドラッグ可能

ドロップ可能

2 番目のリストの項目 ( dropable ) には、項目に情報を設定するディレクティブ ( resizable ) があります。

ドロップしたアイテムをドロップした位置にとどまらせるにはどうすればよいですか?

現在、メニューエディターを実装しています。要素の最初のレベルは完全にドラッグ可能であり、レベル 2 と 3 は splice または eval が関数ではないというエラーのみを返すという問題があります。ドラッグは機能しますが、挿入は失敗します。

http://codepen.io/merlin-schumacher/pen/VaZWEe

ディレクティブを使用してドラッグドロップ機能を実装しています。

そして、テーブルの行でディレクティブを使用しています。

問題は、dragEnter と DragLeave の行を強調表示するためにクラスを追加および削除したことがわかるように、ドラッグ イベントの発生が非常に遅いことです。

私が得たのは、遅さはangular2のゾーンjsによるものであり、コードの問題か角度の問題である可能性があるということです。

div で角度のあるドラッグ アンド ドロップ ディレクティブを使用しています。

Bootstrap CSS パネリングも使用しています。パネル ヘッダーは、dnd dragHandle として使用しているものです。

ヘッダーに基づいて div 全体をドラッグ可能にしたいのですが、div 内 (テキストが表示される場所) に入ると、ディレクティブ dnd-nodrag を使用しています。カーソルがパネル ヘッダーではなく内側にある場合は div をドラッグできないため、これは現在のところ機能します。ただし、div内のテキストをコピーできるようにしたいと思います。

私には思えますが、nodrag ディレクティブは入力要素内のテキストの選択/コピーのみを許可します。div からプレーン テキストをコピーできるようにする必要があります。

上記のコード スニペットは両方とも、クラス "panel" と dnd-draggable ディレクティブを使用して div 内にネストされています。

回避策はありますか？不足しているディレクティブはありますか? 助けてください。よろしくお願いします！

また、CSS でユーザー選択のスタイルを調整しようとしましたが、うまくいきませんでした。私の試み：

角度のあるドラッグ アンド ドロップ プラグインを使用しています。この問題は、マウスでページをある程度スクロールしたときに発生します。次に、アイテムをドラッグして離しました。解放されたアイテムが間違った位置 (つまり、実際の位置よりも数ピクセル上) に戻っています。この問題は、角度のあるアプリでのみ発生し、jsfiddle や codepen などの他の場所では再現できません。そのため、スクリーンは問題を記録し、以下のリンクにアップロードしました 。

誰かがこの問題を解決するのを手伝ってください..事前に感謝..