問題タブ [angular-ui-tree]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
947 参照

angularjs - AngularJS + AngularUI で動作する単純なツリーを取得できません

必要なライブラリはすべて利用可能です。しかし、私はエラーを受け取ります:

$index でトラックを ng-repeat に追加することでこれを修正できますが、これはホームページにあるサンプル コードとは異なります: https://github.com/angular-ui-tree/angular-ui-tree

index.html :

アップデート :

「機能しない」とは、画面に何も表示されていないことを意味し、コンソールにエラーが返されただけです。

0 投票する
1 に答える
569 参照

javascript - angular-ui-tree 完全なレンダリングを避ける

データを含むツリーをレンダリングするために angular-ui-tree を使用していますが、ページが読み込まれるたびにすべてのノードがレンダリングされ、巨大なデータでブラウザがロックされるため、レンダリングを避けたいと思います。

data-nodrop-enabled と data-collapsed="true" を追加しようとしましたが、ツリーは 1 つの違いだけでレンダリングされ、すべてのノードが閉じられます。

このコンポーネントを使用してクライアント側のデータをオンデマンドでレンダリングする方法はありますか? https://github.com/angular-ui-tree/angular-ui-tree

メイン ビュー:

部分図

0 投票する
1 に答える
1489 参照

javascript - angular-ui-tree を使用した angular マテリアル仮想スクロールでエラーが発生する

angular-ui-treeに Angular マテリアルの仮想スクロールを実装しようとしています。しかし、次のエラーが発生します:

ディレクティブ 'uiTreeNode' で必要なコントローラー 'uiTree' が見つかりません!

プランカーについては、ここをクリックしてください

簡単に参照できるコードは次のとおりです。

HTML

JS

0 投票する
2 に答える
620 参照

javascript - angular-ui-treeで値を並べ替えるためにdesIndexをバインドする方法は?

angular-ui-treeを使用しています。

ツリービューにあるオブジェクトにはソート インデックスがあります。次のようなものを使用して、このソート インデックスをツリービュー スコープの desIndex にバインドする方法を探しています。

desIndex はツリービュー ノードのインデックスで、node.sortIndex はオブジェクトのインデックスです。

リストをオブジェクトの値でソートしたいのですが、ツリービューでオブジェクトを移動すると、スコープはそのオブジェクトのインデックスを次のように更新します。

上記のコードが機能しません。どうすれば修正できますか?

0 投票する
1 に答える
110 参照

javascript - angular js uiツリーでドラッグされたオブジェクトの情報を新しく取得するための情報を取得する必要があります

Angular js ui-tree ( ui-tree ) で、新しくドラッグされたオブジェクトの情報を取得するにはどうすればよいですか? ツリーの左側のリストと右側のリストを問題なく取得していますが、新しくドラッグされたオブジェクトのみのモデル値を取得するという問題に直面しています。たとえば、右側のリストに 4 つのオブジェクトがあり、左側のリストから別のアイテムをドラッグして右側のリストにドロップすると、ドラッグした 5 番目のアイテム情報のみが必要になります。その情報を取得する簡単な方法はありますか?

0 投票する
0 に答える
338 参照

angular-ui-tree - angular-ui-tree で空のリスト テンプレートを定義する

空の ui-tree リストのテンプレートを定義する方法があるかどうかは誰にもわかりませんか?

リストモデルが空の場合、デフォルトがあります

要素が生成されますが (data-empty-placeholder-enabled によってオフにされていない場合)、自分で HTML を定義したいと考えています。

前もって感謝します、

デニス

0 投票する
0 に答える
140 参照

javascript - 各オブジェクトに 2 つの配列 - Angular UI ツリー

次のように、各オブジェクトに 2 つの配列を含めることは可能ですか。

ここでは、各オブジェクトにsubcategoriesとの2 つの配列があります。例にある配列productsの代わりに:nodes

UI ツリーのドラッグ アンド ドロップを使用しているときに、コンテンツを親カテゴリにドラッグすると、配列ではなく配列productsを埋めることをどのように認識しますか。ドラッグアンドドロップ中にこれを指定する方法がわかりません。選択した配列にプッシュするだけなので、新しいアイテムを追加するのは簡単ですが、ドラッグ アンド ドロップでプッシュ先を知る方法がわかりません。わかりにくかったらすいません。さらに説明する必要がある場合はお知らせください。ありがとう。productssubcategories