在Angular Material中预初始化$ mdDialog？

Question

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

有没有办法对其进行预初始化，以便用户始终保持顺畅？

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

Answer 1

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

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

  

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