Angular JS将初始视图加载到主页..加载缓慢

Question

所以在我的 Angular JS 页面中，我有我的索引页面，即我的页面的页眉和页脚......并且主容器被这样的视图加载

<!-- container -->
<div ui-view></div>
<!-- /container -->

app.config(['$stateProvider','$urlRouterProvider','$locationProvider', 

    function($stateProvider,$urlRouterProvider,$locationProvider){
      'use strict';

      $urlRouterProvider.otherwise("/");

      $stateProvider
        .state('home', {
          url: '/',
          templateUrl: '/views/search.html',
          controller: 'SearchCtrl'
        })
        .state('result', {
          url: '/result',
          templateUrl: '/views/result.html',
          controller: 'resultCtrl'
        });


      $locationProvider.html5Mode(false);
    }]);

问题出在首页的初始加载上，很明显主要内容在页眉和页脚之后加载。它就像初始页面一样非常慢，然后在加载视图时展开。

有没有办法提高这个性能？

Answer 1

缓慢的至少一个原因是视图模板（'/views/search.html'）是异步获取的。一种改进方法是在模板内联（例如，在 index.html 中）添加 <script> 标签：

<script type="text/ng-template" id="/views/search.html">
 ... template
</script>