Angular2ドラッグ中のドラッグ可能な要素の内容を変更します。

Question

こんにちは、仲間のオーバーフロー、 現在、要素をドラッグする必要があるタスクに取り組んでいます。ネイティブAPIが行うイメージドラッグではなく、実際の要素をドラッグします。要素はドロップされる場所のボックスを表示し、そこにドロップされたときにそれを削除する領域上にドラッグされると、それ自身の内部コンテンツを変更する必要があります。 は、これまで私がhttps://xieziyu.github.io/angular2-draggable/#/usage/basic

問題は要素がある点を通過した後ではなく、それの内側に削除して表示し、ユーザーがドラッグしたときスイッチバックするように変更するために、コンテンツのニーズだということであることを私が行うことができます。この便利なディレクティブを見つけました要素を削除しない領域に戻します。そのパッケージはドラッグ開始とドラッグ終了イベントのみを持ち、他のドラッグパッケージを検索しましたが、実際の要素をドラッグしてドラッグイメージを作成しません。

私はangular2には比較的新しいですが、私が見る限り、私のオプションはあります。 1）要素がドラッグされているときにイベントを発生させる別のパッケージを検索します。 2）変異が要素 3）要素にngIfを実装し、ドラッグイベント

によって真理値が変更されたときに削除するために、コンテンツ設定内の位置の変更を探すために守っ実装する他のツールがあることここで役に立つでしょうか？おそらく、角度をつけたものや、より露出したドラッグ可能なパッケージが、私を助けてくれるでしょう。

Answer 1

角型フレームワークには、この機能の「すぐに使える」ソリューションはありません。自分でビルドするか、アイテムがドラッグされているときにコールバック関数がトリガーされる別のプラグインを見つける必要があります。

私のケースでは、この例に基づいてドラッグ可能な要素を作成しましたhttps://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_draggable 角度コンポーネントのメソッドにこれらの関数を簡単に変換できます。

編集：その他のご質問がある場合はお気軽にお問い合わせください。私にとってはうまく機能しました - 入れ子になったJS関数をAngular/TSの方法に変換するだけです。 Btw、elementDragが呼び出されているときにhtmlテンプレートの内容を変更する角度プロパティを設定できます。