角度材质MD对话框加载延迟

问题描述:

我有一个按钮,点击其中一个MD对话框弹出。这个对话框包含一些相当重的html和javascript,并且在第一次点击按钮时,显示对话框需要大约半秒钟的时间(我猜测是因为DOM正在创建,因为它不会再发生)。有什么办法可以避免这种滞后吗?角度材质MD对话框加载延迟

更新:我已经缩小了需要预编译模板的问题。如何将已编译的模板附加到对话框中?这是我的对话框:

$mdDialog.show({ 
    escapeToClose: true, 
    parent: parentEl, 
    targetEvent: $event, 
    templateUrl: "someurl", //This gets a big html file 
    locals: { 
     items: $scope.items 
    }, 
    controller: ["$scope", "$mdDialog", DialogController] 
    }); 

你可以使用$ compile预编译东西。但是,如果您将有问题的源代码添加到问题中,则可以给出更好的答案。

UPDATE:

看到你的代码片断后,它似乎更明智预填你的templateCache,而不是我上面提到的。你可以使用$templateCache.put

$templateCache.put('mytemplate.html', '<b>My</b> template'); 

最好在构建过程中添加这个;使用Grunt或Gulp有非常方便的插件可用。

+1

如何将已编译的模板附加到mdDialog? –

+0

请加上你有问题的源代码,所以我们可以给出更好的答案:) – Marco

+0

没有问题的源代码,这只是一个导致经济放缓的大文件。这是一个典型的mdDialog设置,但我更新了这个问题供您参考。 –