nz zorro service方式modal拖拽

2021-10-04 17:29:23 字數 1074 閱讀 2534

最近的乙個新需求就是需要把ant-design-angular的彈窗實現拖拽,我們當初寫的時候都是用service注入的方式來實現彈窗,在網上找成品輪子時發現都是針對使用非服務方式建立的(給標籤新增指令),記錄一下實現方式。

中心的實現思想就是利用服務把事件繫結在modal的header上,通過控制』mousedowm』,『mouseup』,『mousemove』,來實現拖拽。

具體實現如下:

import

from

'@angular/core'

@injectable()

export

class

modaldragservice

setmodalelement

(refmodal)

getmodaltitleelement

(render, modalelement)

draglisten

(render, modaltitleelement, modalelement, modal)

px`)

; render.

setstyle

(modalelement,

'top',`

$px`);

this

.canmove =

true;}

.bind

(this))

; render.

listen

(modaltitleelement,

'mouseup'

,function

(event)

.bind

(this))

; render.

listen

(modal,

'mousemove'

,function

(event)

px`)

; render.setsty;

e(modalelement,

'left',`

$px`);

}}.bind

(this))

;}}

關於springCloud中服務方呼叫方的配置

1.我方是服務方,別人呼叫我方,由我方提供位址,不需要呼叫feign。那麼,位址資訊在resourceconfig裡面做配置,resourceconfig中配置的位址相當於是把請求位址暴露給對方,並在此位址請求時對他放行。configuration enableresourceserver publ...

Container DataItem幾種方式

在繫結資料時經常會用到這個句程式 databinder.eval container.dataitem,x 或者 databinder.eval container,dataitem.x 今天又學到一種,而且微軟也說這種方法的效率要比以上兩種高。datarowview container.datai...

Linux Carmer driver註冊方法

最近又開始看carmer的驅動了,在linux下通常實用video4linux框架來實現video capture camera capture等功能,先說一下裝置註冊部分,ov7670.c中,註冊方法如下 static struct v4l2 i2c driver data v4l2 i2c da...