Предварительно инициализируйте $ 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); 

При использовании в качестве шаблона элемента контента, он не будет составлен на открытой. Это позволяет вам самостоятельно скомпилировать элемент и использовать его каждые времени открытия диалога.