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'）是异步获得的。一种改进方法是使用<script>标记添加内联模板（例如，在index.html中）：

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

Angular JS将初始视图加载到主页中

1 个答案: