Question

我有一系列html文件，包含在我的主控制器中。这些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>

在控制器中使用

初始化模板

$scope.template = '';

并且

$scope.template = 'somefile.html';

当您需要加载模板时。

Answer 2

使用promises加载这些异步。这涵盖了这个想法：

var promise = $http.get('someFile.html').success(function (data) {
        htmlContent = data.response;
    });

promise.then(function(result) {
    $scope.model = result;
});

延迟包括angularjs ng-include中的html文件

2 个答案: