我可以制作一个可拖动的md对话框吗？

Question

我一直想知道是否<md-dialog>可以通过用户制作可拖动的...(在网页角度)我环顾四周但是没有找到任何关于这个主题的实质内容

这是整体结构..

<md-dialog>
    <form>
        <header></header>
        <md-subheader>
            <div>
            <md-select>
                <md-select-label>
                </md-select-label>
                <md-options>
                </md-options>
            </md-select>
            </div>
        </md-subheader>
        <md-dialog-content>
            <div>
                <textarea>

                <textarea>
            </div>
            <md-button>
            </md-button>
        </md-dialog-content>

    </form>
</md-dialog>

Answer 1

是的,您可以使用指令进行拖动并应用于md对话框

这是一个样本,

<md-dialog   draggable>

指示

routerApp.directive('draggable', function() {
    return {
        // A = attribute, E = Element, C = Class and M = HTML Comment
        restrict: 'A',
        //The link function is responsible for registering DOM listeners as well as updating the DOM.
        link: function(scope, element, attrs) {
            element.draggable({
                stop: function(event, ui) {
                    console.log("Check if its printing")
                    event.stopPropagation();
                }
            });
        }
    };
});