使用connectToSortable选项拖放后,ng-model不起作用

时间:2015-03-24 22:30:48

标签: angularjs jquery-ui angularjs-directive drag-and-drop

我使用指令从jquery-ui使用draggable / sortable。目标是允许用户将对象从一个区域拖动到另一个区域。可拖动元素包含一段角度代码。

问题是,在将元素移动到另一个DOM元素之后,改变了 <select>代码不会更新ng-model属性。

将包含select的元素放入droppable区域后,它会停止更新字符串align="{{align}}",并使用select的新值更新。

    <div class="" data-drag="true" data-jqyoui-options='{connectToSortable: ".my-sortable"}' jqyoui-draggable="{animate:true}" >
      haha
      <select ng-model="align">
        <option value="1">1
        <option value="2">2
      </select>
      align="{{align}}"
    </div>

    <br/><br/><br/>

    <div class="thumbnail my-sortable" ui-sortable data-drop="true" data-jqyoui-options jqyoui-droppable style='height:50px;'>
    </div>

http://plnkr.co/edit/18NQiCNRQLEuRpSCpEIq?p=preview

0 个答案:

没有答案