角度材质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有非常方便的插件可用。
如何将已编译的模板附加到mdDialog? –
请加上你有问题的源代码,所以我们可以给出更好的答案:) – Marco
没有问题的源代码,这只是一个导致经济放缓的大文件。这是一个典型的mdDialog设置,但我更新了这个问题供您参考。 –