最近的乙個新需求就是需要把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...