Angular EasyUI 放置

属性列表

名称	数据类型	作用描述	默认值
euiDroppable	any	放置范围。	null
disabled	boolean	为True时,禁用调整。	false

事件列表

名称	参数	作用描述
dragEnter	scope:any	当可拖动对象被拖动回车时触发。
dragLeave	scope:any	当可拖动对象被拖动离开时触发。
drop	scope:any	当可拖动对象被删除时触发。

注：
- 继承： None 。
- 选择器： [euiDroppable] 。

使用方法

<div class="dragitem" euiDraggable>
    <p style="text-align:center">Drag me</p>
</div>
<div class="droparea" euiDroppable 
        [class.over]="isover"
        [class.dropped]="dropped"
        (dragEnter)="onDragEnter()"
        (dragLeave)="onDragLeave()"
        (drop)="onDrop()">
    <p style="text-align:center">Drop here</p>
</div>