0

uiSortableディレクティブ ( https://github.com/angular-ui/ui-sortable ) と AngularUI ブートストラップ ( http://angular-ui.github.io/bootstrap/ ) のタブを使用して、並べ替え可能なタブを作成したかったのです。私にとって重要なことは、を使用してモデル内の要素をソートする機能ng-modelです。それで、要素にui-sortableandを追加しました。ng-model="someArray"tabset は次のような構造に置き換えられているため、そのようには機能しません。

<div>
  <ul>
    <li>tab 1 header</li>
    <li>tab 2 header</li>
    <li>tab 3 header</li>
  </ul>
  <div class="tab-content"> tabs content </div>
</div>

実際には、ソート可能が外側の div に適用されるので、実際にそれらの要素をソートulし.tab-contentたいときに取得できます。li

その問題を解決するための私の最初の試みは、属性を追加するコンパイル関数を使用してuiSortableTabsディレクティブを作成することでした(単に を使用)。良いことは、タブがソート可能になったことです。悪いことは、現在 sortable がモデルを認識していないことです。それを追加して、それを呼び出してみました。ソート可能になりましたが、モデルを参照してください。ui-sortableulattr().attr('ng-model',attrs.ngModel)ului-sortableundefined

更新可能なモデルでソート可能なタブを作成する方法、または要素にディレクティブを正しく追加する方法を知っている人はいますか?

4

1 に答える 1

0

私は同様のものを扱っていました。私の解決策は、jQuery ui sortable を直接使用し、開始イベントと停止イベントをフックしてデータ モデルを変更することです。

于 2013-09-22T01:51:26.577 に答える