問題タブ [ng2-dragula]
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.
angular - ng2-dragula で一部の要素のドラッグを無効にする方法
名前グループを一番上に表示し、ドラッグイベントをキャンセルしたいです。このグループ名が一番上にある場合のように、一部の要素の移動を無効にするにはどうすればよいですか。私のコードは次のとおりです。
私のテンプレート:
angular - ng2-dragulaでページに2回アクセスするとエラーが発生する
ユーザーが の最初の要素を移動できないようにしようとしてdragulaServiceいます。コードは最初はエラーなく動作しますが、このページを離れてから再度開くと、エラーが発生します。
エラーの原因となっているコード:
エラーは次のとおりです。
error_handler.js:48 例外: キャッチされていません (約束されています): エラー: ./SortTableComponent クラス SortTableComponent_Host でエラーが発生しました - インライン テンプレート:0:0 原因: バッグ名: "nested-bag" は既に存在します。エラー: "nested-bag" という名前のバッグは既に存在します。DragulaService.add ( http://platform.local:8080/3.chunk.js:1070:19 ) で DragulaService.setOptions ( http://platform.local:8080/3.chunk.js:1099:24 )新しい SortTableComponent で ( http://platform.local:8080/3.chunk.js:1311:24 )
angular - コピー時のng2-dragulaスタイルのオリジナル要素
copy: true次の設定を使用していng2-dragulaます。
ここで、元の要素 (ドラッグ中にリストに残っている要素) をopacity: 0.3. どうすればそれができますか？使用する
元の要素を見つけることができ、それに透明度を適用できますが、これはひどく間違っているようです: ドラッグ可能な要素は (当然のことながら) データ配列から取得されます。ドラッグされた要素のインデックスを見つけて、次のようなことができるようにする方法はありますか
と
(私は知っています、これはすでに悪いです、私は記事を一致させる必要があります)。
angular - ng2-dragula を使用してグリッド リストをドラッグおよびスワップする
リストのグリッドがあり、ng2-dragula を使用してグリッドのタイルをドラッグ アンド スワップしようとしています。
some.component.html
some.component.ts
私のアイデアは、ドロップ イベントでデータを交換することでした。このように HTML に追加できる onDrop イベントはありますか?
(onDrop) = "swap(data)"そしてswap(data:any)、コンポーネントクラスで実行しますか?
それともdrugulaserviceを初期化する必要がありますか? 代わりに交換するより良い方法はありますか？
私はAngularにまったく慣れていないので、これを理解するのがとてつもなく難しいと感じています。どんなヒントでも大歓迎ですか？