0

私は、dragula とその後継の dragular を使用したサンプル プロジェクトに取り組んでいます。

この使い方について質問があります。このプロジェクトでAngularでドラッグアンドドロップを実装しました。私の質問は:- オブジェクトのリストをモデルとして使用しています。これは、ng-repeat を使用して div に設定しています。アイテムを別の div にドラッグすると、ドラッグしたオブジェクトのプロパティを変更/修正できますか?

動いている物体のモデルを取得する方法を試みましたが、失敗しました。誰かがこれに対する解決策を見つけたことを願っています。

4

2 に答える 2

0

Dragular では、サービス「dragularService.shared.mirror」を介してミラー DOM 要素にアクセスし、必要に応じて変更できます。

編集:ドラッグされたオブジェクトの変更について言及したことに気付きました。サービスを介してアクセスすることもできます: 'dragularService.shared.sourceModel'

于 2016-01-30T10:39:51.480 に答える
0

同様の問題があり、HTML要素にモデルオブジェクトのIDを設定し、このIDを介してそれらにアクセスすることで解決しました。

HTML スニペット:

<div id="{{ user.id }}" ng-repeat="user in users">{{user.name}}</div>

コントローラーで、ID を使用してアイテムを検索します。

$scope.$on('bag.drop', function (e, el, target, source) {
    //getById is a function you implement (unless you already have it)
    var userBeingDropped = users.getById(el.attr('id'));

    //Change the model object
    userBeingDropped.name = 'My new username';
});
于 2016-06-07T19:16:16.477 に答える