問題タブ [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.

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

javascript - ドラッグされたものとは異なる要素をドロップするドラグラ

ドラッグラでは、あるコンテナから別のコンテナへの一方向コピーの可能性があります-これをUIに使用して、要素を表すシンボルをコンテナにドラッグし、「リアルディール」を生成させたいです-リアルディールは任意の異なるものですエレメント。

これのほとんどは本当に簡単でした:

ご覧のとおり、これによりドロップ時に要素が置き換えられ、必要な結果が得られます。ただし、ドラッグ中のゴースト イメージは元の「シンボル」要素のままです。

ゴーストと最終結果の両方が必要な要素のように見えるように、ドラッグ時に「ドロップする」要素を置き換えることは可能ですか?

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

symfony - Angular 2 と Symfony 2

angular 2 を既存の symfony 2 プロジェクトに取り込むにはどうすればよいですか? 小さな角度2アプリを作成したいサブページがあります。すべてのソースを acme bundle public フォルダーに保存しました。私のサブページは/foo/bar、私の構成は次のようになります。

ベース小枝テンプレート:

拡張小枝テンプレート

私の単純な「Hello world」アプリは期待どおりに動作します:
ListFLow.ts

だからここに私の問題:

  1. html-template を相対パスにリンクする方法はありませんtemplateUrl: ./../lala/doo.html-> これは現在の場所 ( /foo/bar) に対して相対的であり、*.ts スクリプトに対して相対的ではありませんか?
  2. Dragula( https://github.com/valor-software/ng2-dragula )のようなサードパーティのコンポーネントを追加したい-> これをコンポーザーとリンクしてフロントエンドにロードするにはどうすればよいですか?
  3. libをダウンロードしdragulaて、自分でパブリックバンドルフォルダーに入れ、次のように含める場合

    私はこのエラーが発生します:

    GET: .../foo/bar/dragula 404 が見つかりません

角度のあるアプリがルートパスの外にある場合、非常に多くの問題があります。これを処理するためのベストプラクティスは何ですか?

0 投票する
3 に答える
1511 参照

angular - angular2のhtml要素でモデルを取得

angular2 の html 要素でモデルにアクセスする必要があります。私の場合、ng2-dragula を使用してドラッグ アンド ドロップを実行し、そのサービスはドラッグされた html 要素にのみアクセスできます。そして、要素の対応するモデルを更新する必要があります。Heres の問題はgithubにあります。

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

angularjs - angular dragula の removeOnspill イベントでメッセージを確認する

バッグから要素をドラッグしているときに確認ダイアログを表示したいと思います (Angular と angular-dragula を使用しています)。[OK] をクリックするとアイテムを削除したいのですが、[いいえ] をクリックすると要素を元の場所に戻したいと思います。

ありがとう。

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

angularjs - 角ドラグラに要素が存在する場合はドロップを防止

angularJs と angular-dragula を使用しています。アプリケーションにはドラッグ可能なアイテムのリストがあり、ターゲットの場所に要素が既に存在する場合はドロップを防止したいと考えています。

ありがとう。

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

angular - systemjsでドラグラを使用する

angular-cliを使用してangular2アプリでドラグラを使用しようとしています。

このようにドラグラをインポートすると:

使用しようとするとdragula is not a functionエラーが発生します

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

angular - Angular 2:属性ディレクティブを条件付きで適用する方法は?

ng2-dragula経由でドラッグ&ドロップを使用します。ドラッグ アンド ドロップ機能は次のように適用されます。

[dragula]='"first-bag"'angular 2を正しく理解していれば、divにアタッチする方法は、Angular 2で属性ディレクティブと呼ばれます。

これで、コンポーネントに という変数ができましたenableDragNDrop:boolean[dragula]='"first-bag"'この変数を使用して、次の場合にのみ divにアタッチするにはどうすればよいenableDragNDrop == trueですか?

もしenableDragNDrop == false、私はこれが欲しい:

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

angularjs - Dragula-model がソース配列を更新しない

angular-dragulaを使用して小さなテストコードに取り組んでおり、ドラッグアンドドロップを機能させることができましたが、ソースデータ配列を更新していません.

angular コントローラーでいくつかの変数を宣言します。

これはおそらく初期化する最良の方法ではありませんが、それぞれが「プレースホルダー」文字を含む配列の配列を取得します。

次に、HTML はこれを引き出します。

これは機能しているようです。「stuff」または「thangs」を ng-repeat を含む div にドラッグしてそこにドロップできます。最初の 2 行にドロップすると、2 つの「前の」コンテナが更新されます。

しかし、基になる「計画」配列を次のようにダンプしようとすると:

プレースホルダーのみを使用して、配列の元の配列を取得するだけです。モデルの割り当てに何か問題がありますか? またはバインディング?plan[1] が div で更新されるのに、javascript では更新されないのはなぜですか?

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

javascript - Dragula を Angular 2 のグローバル プロバイダーにしてコンポーネント間で共有する方法

コンポーネント間でうまくドラッグ アンド ドロップできるようにしようとしていますが、推奨される方法で Dragula をセットアップするということは、各コンポーネントに独自の Dragula のコピーがあることを意味します。そのため、コンポーネント間でドラッグ アンド ドロップできません。

UpgradeAdaptor を使用して Dragula をグローバル プロバイダーにしようとしましたが、おそらくそれは正しい方法ではありません。私はAngularが初めてです

再利用したいコンポーネントは次のとおりです。

そして、私が Dragula をグローバルにしようとしているところ:

現時点では、コンポーネント内でドラッグして並べ替えることはできますが、コンポーネント間を移動することはできません。しかもバッグの名前が同じ。