angularjs - 我可以使 md-dialog 可拖动吗？

Question

我一直在想是否有可能制作一个 <md-dialog>用户可拖动..(对于网络来说是有 Angular 的)我环顾四周，但没有发现任何关于这个主题的实质内容

这是整体结构..

<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-dialog

这是一个示例，

<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();
                }
            });
        }
    };
});