2017-09-10 3 views
1

をAngularJS本当。変更値項目をドラッグし、私は3つのdivを持っているのjQuery-UI

ここには、私が欲しいものに近い種類のプランナーがあります。

https://plnkr.co/edit/XOVRgqxOyVNPnKawQ8pA?p=preview

私にid =「divCities」とdivの内側先験的2つの都市を追加した場合、変数はtrueになり、その後、答えが正解となります。しかし、もし私が1つを持って、そこに2番目をドラッグすると、それは真実になりません。

現在、プランカがあるので、#divCitiesにclass = "city"という都市が1つあります。 class = "city"のパリをid = "divCities"のdivにドラッグすると、class = "city"の要素の数が2になり、次の変数がtrueになるはずです。

$scope.exercise = $('#divCities .city').length === 2; 

これが真であれば、ng-showをアクティブにして「正しい」と表示する必要があります。

私には何が欠けていますか?助けてください?

ありがとうございました:)

+0

使用ドラッグでありますイベントhttps://api.jqueryui.com/draggable/#event-drag –

答えて

1

をあなたのコードでは、ちょうどそのイベントハンドラでは、ドラッグにトリガードラッグイベントを追加ここで真

にあなたの変数を変更するコード

$(".source li").draggable({ 
    helper: "clone", 
    drag:function(){ 
    console.log('do things here which works on drag'); 
    } 
}); 
+1

ありがとう助けのために:) 私はまた別の解決策を考え出しました。私は$ scope.exercise = $( '#divCities .city')を移動しました。関数内で、ユーザーがボタンをクリックしたときにのみカウントされる –

+0

ohh –

関連する問題