Question

我在前端使用角度js将数据加载到HTML。在我的页面index.html中。我有一个下拉列表，显示一个名称（大约4000）的本地文件列表。在页面加载时，我调用get_all_names函数来加载它们。

$scope.get_all_names = function() {
    $http({method: 'GET', url: 'get_all_names.json'}).
                success(function(data, status, headers, config) {
                    $scope.names_arr=data;
                    console.log("done");
                }).error(function(data, status, headers, config) {          
            });
    }

我得到一个几乎立即的响应，因为在一秒钟内在控制台中打印完成并且$ scope.names_arr立即加载但是然后只是将其渲染到前端，通过挂起整个页面花费大约20-30秒持续相同的时间。

    <div class="col-sm-8">
        <select id="name_sel" class="form-control" ng-model="search_query.name">
          <option value="">-- Choose a Name --</option>
          <option ng-repeat="item in names_arr track by $index" value="{{item}}">{{item}}</option>
        </select>
    </div><!--/col-->

请帮我弄清楚为什么需要时间来渲染它？

渲染耗费太多时间Angularjs

0 个答案: