0

angularおよびpackeryのウィジェットパネルに取り組んでいます。

私がやろうとしているのは、要素を $scope アイテムのスコープ変数 'order' にドラッグした後、 packeryによって設定された順序をバインドすることです。これにより、後で順序を保存するなどのことができます。$apply メソッドに出くわしましたが、正しく呼び出す方法がわかりません。私は角度が初めてです。どんな助けでも感謝します。

   scope.$apply(function () {
      scope.items[i].order = (i + 1);
   });

私のフィドル http://jsfiddle.net/7c3ff83f/4/をご覧ください

4

1 に答える 1

1

完全に正直に言うと、ちょっと混乱しています。そのすべてを処理する angularjs ui-draggable をチェックしてください。

現在の問題は、itemElem とインデックスの間で間違ってマッピングしていることです。

さて、これは最善の解決策ではありませんが、あなたが抱えている問題を示しています:

コードを次のように変更します。

                   var index = parseInt($(itemElem)
                  .find('span.TX')
                  .text()); 

                  scope.$apply(function () {
                        scope.items[index].order =i+1;
                  });

<span class="TX">{{$index}}</span>項目テンプレートに追加します。

http://jsfiddle.net/xzgc9aq7/

于 2014-08-25T21:40:43.727 に答える