框架:
angularjs + angular-material
背景:
在项目中,有时候会弹出一个form表单让用户填写信息。这时候,经常将form表单嵌在md-dialog中。
然而,在angular-material中,并没有提供拖动md-dialog的方法,想要拖动弹出的dialog,我们可以自己写一个指令。
html:
<md-dialog draggable aria-label="dialog" style="width: 660px;" class="dialog">
...
</md-dialog>
js指令:
app.directive('draggable', function() {
return {
restrict: 'A', // A = attribute, E = Element, C = Class and M = HTML Comment
link: function(scope, element, attrs) {
element[0].onmousedown =function (event) {
var e = event || window.event;
//dom