本文实例介绍了angularjs创建弹出框实现拖动效果的相关代码，项目中需要将角度用户界面引导中用到的弹出框，使之可拖动，分享给大家供大家参考，具体内容如下

运行效果图：

由于源文件中没有实现，需要自己实现指令，以下即为该指令，亲测可以实现。指令('可拖动'，['$document '，函数($ document){ return function(scope，element，attr) { var startX=0，startY=0，X=0，y=0；元素=角度。元素(文档。getelementsbyclassname(' modal-dialog ')；元素。CSS({位置： '相对'，光标： '移动' })；element.on('mousedown '，function(event) { //防止默认拖动所选内容事件。prevent default()；startX=事件。pagex-x；startY=事件。佩吉。$document.on('mousemove '，鼠标移动)；$document.on('mouseup，鼠标向上)；});函数鼠标移动(事件){ y=事件。pagey-startY；x=事件。pagex-startX；element.css({ top: y 'px，left : x ' px ' })；}函数鼠标上移(){ $ document。off(鼠标移动，鼠标移动)；$document.off('mouseup '，鼠标向上)；} };}]);以上就是本文的全部内容，希望对大家的学习有所帮助。