0

我想使用uiSortable指令 ( https://github.com/angular-ui/ui-sortable ) 和 AngularUI 引导程序 ( http://angular-ui.github.io/bootstrap/ ) 中的选项卡创建可排序选项卡。对我来说重要的是能够通过使用ng-model. 所以，我添加ui-sortable了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>

实际上，sortable应用于外部 div，因此我可以抓取ul，而.tab-content实际上我想对这些li元素进行排序。

我第一次尝试解决这个问题是创建带有compile函数的uiSortableTabs指令，该指令将属性添加到（使用 just ）。好消息是现在标签是可排序的。不好的是，现在 sortable 不知道模型。我尝试调用它并添加. 现在可排序查看模型，但它是.ui-sortableulattr().attr('ng-model',attrs.ngModel)ului-sortableundefined

有谁知道如何使用可更新模型制作可排序选项卡，或者如何正确地将指令添加到元素，以及使用其他指令中的编译功能的ngModel ？

4

1 回答 1

0

我正在使用类似的方法，我的解决方案是直接使用可排序的 jQuery ui 并通过挂钩开始和停止事件来更改数据模型。

于 2013-09-22T01:51:26.577 回答