問題タブ [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.
javascript - ドラッグされたものとは異なる要素をドロップするドラグラ
ドラッグラでは、あるコンテナから別のコンテナへの一方向コピーの可能性があります-これをUIに使用して、要素を表すシンボルをコンテナにドラッグし、「リアルディール」を生成させたいです-リアルディールは任意の異なるものですエレメント。
これのほとんどは本当に簡単でした:
ご覧のとおり、これによりドロップ時に要素が置き換えられ、必要な結果が得られます。ただし、ドラッグ中のゴースト イメージは元の「シンボル」要素のままです。
ゴーストと最終結果の両方が必要な要素のように見えるように、ドラッグ時に「ドロップする」要素を置き換えることは可能ですか?
symfony - Angular 2 と Symfony 2
angular 2 を既存の symfony 2 プロジェクトに取り込むにはどうすればよいですか? 小さな角度2アプリを作成したいサブページがあります。すべてのソースを acme bundle public フォルダーに保存しました。私のサブページは/foo/bar
、私の構成は次のようになります。
ベース小枝テンプレート:
拡張小枝テンプレート
私の単純な「Hello world」アプリは期待どおりに動作します:
ListFLow.ts
だからここに私の問題:
- html-template を相対パスにリンクする方法はありません
templateUrl: ./../lala/doo.html
-> これは現在の場所 (/foo/bar
) に対して相対的であり、*.ts スクリプトに対して相対的ではありませんか? Dragula
( https://github.com/valor-software/ng2-dragula )のようなサードパーティのコンポーネントを追加したい-> これをコンポーザーとリンクしてフロントエンドにロードするにはどうすればよいですか?libをダウンロードし
dragula
て、自分でパブリックバンドルフォルダーに入れ、次のように含める場合私はこのエラーが発生します:
GET: .../foo/bar/dragula 404 が見つかりません
角度のあるアプリがルートパスの外にある場合、非常に多くの問題があります。これを処理するためのベストプラクティスは何ですか?
angular - angular2のhtml要素でモデルを取得
angular2 の html 要素でモデルにアクセスする必要があります。私の場合、ng2-dragula を使用してドラッグ アンド ドロップを実行し、そのサービスはドラッグされた html 要素にのみアクセスできます。そして、要素の対応するモデルを更新する必要があります。Heres の問題はgithubにあります。
angularjs - angular dragula の removeOnspill イベントでメッセージを確認する
バッグから要素をドラッグしているときに確認ダイアログを表示したいと思います (Angular と angular-dragula を使用しています)。[OK] をクリックするとアイテムを削除したいのですが、[いいえ] をクリックすると要素を元の場所に戻したいと思います。
ありがとう。
angularjs - 角ドラグラに要素が存在する場合はドロップを防止
angularJs と angular-dragula を使用しています。アプリケーションにはドラッグ可能なアイテムのリストがあり、ターゲットの場所に要素が既に存在する場合はドロップを防止したいと考えています。
ありがとう。
angular - systemjsでドラグラを使用する
angular-cliを使用してangular2アプリでドラグラを使用しようとしています。
このようにドラグラをインポートすると:
使用しようとするとdragula is not a function
エラーが発生します
angular - Angular 2:属性ディレクティブを条件付きで適用する方法は?
ng2-dragula経由でドラッグ&ドロップを使用します。ドラッグ アンド ドロップ機能は次のように適用されます。
[dragula]='"first-bag"'
angular 2を正しく理解していれば、divにアタッチする方法は、Angular 2で属性ディレクティブと呼ばれます。
これで、コンポーネントに という変数ができましたenableDragNDrop:boolean
。[dragula]='"first-bag"'
この変数を使用して、次の場合にのみ divにアタッチするにはどうすればよいenableDragNDrop == true
ですか?
もしenableDragNDrop == false
、私はこれが欲しい:
angularjs - Dragula-model がソース配列を更新しない
angular-dragulaを使用して小さなテストコードに取り組んでおり、ドラッグアンドドロップを機能させることができましたが、ソースデータ配列を更新していません.
angular コントローラーでいくつかの変数を宣言します。
これはおそらく初期化する最良の方法ではありませんが、それぞれが「プレースホルダー」文字を含む配列の配列を取得します。
次に、HTML はこれを引き出します。
これは機能しているようです。「stuff」または「thangs」を ng-repeat を含む div にドラッグしてそこにドロップできます。最初の 2 行にドロップすると、2 つの「前の」コンテナが更新されます。
しかし、基になる「計画」配列を次のようにダンプしようとすると:
プレースホルダーのみを使用して、配列の元の配列を取得するだけです。モデルの割り当てに何か問題がありますか? またはバインディング?plan[1] が div で更新されるのに、javascript では更新されないのはなぜですか?
javascript - Dragula を Angular 2 のグローバル プロバイダーにしてコンポーネント間で共有する方法
コンポーネント間でうまくドラッグ アンド ドロップできるようにしようとしていますが、推奨される方法で Dragula をセットアップするということは、各コンポーネントに独自の Dragula のコピーがあることを意味します。そのため、コンポーネント間でドラッグ アンド ドロップできません。
UpgradeAdaptor を使用して Dragula をグローバル プロバイダーにしようとしましたが、おそらくそれは正しい方法ではありません。私はAngularが初めてです
再利用したいコンポーネントは次のとおりです。
そして、私が Dragula をグローバルにしようとしているところ:
現時点では、コンポーネント内でドラッグして並べ替えることはできますが、コンポーネント間を移動することはできません。しかもバッグの名前が同じ。