在Angular Material中预初始化$mdDialog？

【问题标题】：Pre-initialize $mdDialog in Angular Material?在Angular Material中预初始化$mdDialog？
【发布时间】：2016-02-18 02:12:29
【问题描述】：

我第一次调用 $mdDialog 时，初始化时会有短暂的延迟。之后动画就流畅了。

有没有办法对其进行预初始化，以便对用户来说总是流畅的？

    $mdDialog.show({
            //controller: optionsCtrl,
            templateUrl: 'partials/optionsDlg.html',
            parent: angular.element(document.body),
            targetEvent: ev,
            clickOutsideToClose: true,
            openFrom: '#settingsButton',
            closeTo:'#settingsButton'
        });

【问题讨论】：

标签： angularjs angular-material

【解决方案1】：

可以使用here 所示的预渲染对话框。您必须至少使用角材料 1.1.0-RC5。使用选项内容元素。您可以传入选择器字符串或 DOM 元素。

contentElement: '#myStaticDialog';
contentElement: document.querySelector('#myStaticDialog');
contentElement: angular.element(TEMPLATE);

当使用模板作为内容元素时，它不会被编译打开。这允许您自己编译元素并使用它对话框打开的时间。

【讨论】：