問題タブ [angular-ui-tree]

アプリでアイテムのツリーを構築するためにangular-ui-treeを使用しています。ドラッグ アンド ドロップ機能を使用していますが、ドロップがいつどこで (どの要素で) 発生するかを知る必要があります。

たとえば、item1 をドラッグしてパネルにドロップします。パネルにアイテム名を表示させたい。(各アイテムには name プロパティがあります)。パネルは、内部にテキストを含む単純な div です。

ドキュメントで、コントローラーの「ドロップされた」イベントにアクセスできることを見ました。しかし、ドラッグ＆ドロップされたアイテムに応じてパネルの内容を変更する方法がわかりません。

私は現在angular-ui-treeライブラリを使用しており、次の動作を実現しようとしています:

ユーザーが「ドラッグ可能なノード」をクリックするだけで、ng-click 機能がトリガーされます。ユーザーがクリックしてドラッグを開始すると、ng-click は無視され、通常のドラッグ アンド ドロップが開始されます。

私は次のhtml構造を持っています:

現在の動作では、ドラッグ アンド ドロップは「マウスダウン」ですぐに開始され、「クリック」とドラッグ開始の試行を区別する方法がありません。

ノードuiTreeNode.jsのドラッグ アンド ドロップをトリガーするライブラリ コードを次に示します 。

私は使用しています: https://github.com/angular-ui-tree/angular-ui-tree

受け入れたい:

1. ui-tree のルート スコープへのカテゴリ
2. アプリを同じカテゴリのアプリに。

私のコントローラーは（部分的）です：

私のHTMLは：

受け入れたい:

1. ui-tree のルート スコープへのカテゴリ
2. アプリを同じカテゴリのアプリに。

受け入れコールバックが発生していません。ここにないものは何ですか？

ありがとう！

angular-ui-tree に 60,000個のノードをどのようにロードしますか?

1000 ノードでも、HTML ですべてのノードを collapsed=true に設定してすぐにレンダリングしないようにしても、ページがハングしている間、ページの描画に 30 秒かかります。

これを行う唯一の方法は、2 つの別個のデータ ソースを用意することだと思います。

• ツリービューにロードして開始する20個のルートノードを持つもの
• 他の完全な 60k ノード。

次に、ユーザーがツリー内のノードをクリックすると、そのノードの子を完全なセットからツリービュー セットに手動でコピーします (メモリ内の「AJAX」呼び出しのように)。

誰にも良いアイデアはありますか？

Angularjs の UI ツリー フィルタリング機能は、子レベルでは機能しませんが、グループ レベルでは正常に機能しています。たとえば、node1 または node2 と入力すると、フィルタリングは正常に機能しますが、node1.2 または node2.1 と入力すると、フィルタリングは正しく機能しません。plnkrを見つけてください

次のコードを script.js ファイルに追加すると、すべてが廃棄されます。ということで、その部分をコメントさせていただきました。

アプリケーションに AngularJS プラグインを実装しようとしていますが、正しく動作させることができません。私は何か間違ったことをしているかもしれません。

並べ替え可能な 2 つのパネルがあります。一度だけ位置を入れ替えることができます。その後、彼らはもう場所を交換しません。

これが私の問題の例です: http://plnkr.co/edit/44fN6h6VyIft7j7bvs4j?p=preview

問題の内容と、この問題を解決する方法を知っている人はいますか?

Plnkr コード (例の完全なコード):

App.js