我使用指令从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>