javascript - 在angularjs ng-include中延迟包含html文件

Question

我将一系列 html 文件包含到我的主 Controller 中。这些 html 文件实际上至少有 4 秒没有被使用，而一个 html 文件正在执行它的工作。我将如何定义延迟加载其余文件以提高应用程序的启动性能。

<div ng-app="myApp" ng-controller="myController" >
    <div ng-include="somefile.html" ></div>
    <!-- More files to include -->
</div>

Answer 1

另一种解决方案(不太优雅)可能是:

<div ng-app="myApp" ng-controller="myController" >
    <div ng-include="template" ></div>
    <!-- More files to include -->
</div>

在你的 Controller 中初始化模板

$scope.template = '';

然后做

$scope.template = 'somefile.html';

当您需要加载模板时。