屬性列表
名稱 |
數(shù)據(jù)類型 |
作用描述 |
默認值 |
euiDraggable |
any |
拖動范圍。 |
null |
disabled |
boolean |
為True時,禁用拖動。 |
false |
handle |
Element OR ElementRef |
啟動可拖動的手柄。 |
null |
revert |
boolean |
如果設(shè)置為true,當(dāng)拖動停止時,該元素將返回到初始位置。 |
false |
deltaX |
number |
拖動的元素位置x與當(dāng)前光標對應(yīng)。 |
null |
deltaY |
number |
拖動的元素位置y與當(dāng)前光標對應(yīng)。 |
null |
edge |
number |
開始拖動的拖動寬度。 |
0 |
axis |
string |
定義被拖動元素移動的軸, 可選值為“v”或“h”,當(dāng)設(shè)置為null時,將沿“v”和“h”方向移動。 |
null |
cursor |
string |
拖動時的css光標。 |
move |
proxy |
DraggableProxyComponent |
拖動時使用的代理組件。 |
null |
事件列表
名稱 |
參數(shù) |
作用描述 |
dragStart |
state:any |
開始拖動時觸發(fā)。 |
drag |
state:any |
排放在拖。 |
dragEnd |
state:any |
當(dāng)拖動結(jié)束時觸發(fā)。 |
注:
- 繼承: None 。
- 選擇器: [euiDraggable] 。
使用方法
<div euiDraggable class="dd" [handle]="tt">
<div #tt class="dd-title">Title</div>
</div>
更多建議: