Question

我有以下路由配置

myApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/', {
        templateUrl: 'partials/list.html',
        controller: 'contactListCtrl'
      }).
      when('/new', {
        templateUrl: 'app/partials/form.html',
        controller: 'contactAddCtrl'
      }).
      otherwise({
        redirectTo: '/'
      });
  }]);

我的主页（'/'）只是加载了一些联系人，其contactListCtrl就像

myApp.controller('contactListCtrl', function($scope, $http) {
    $http.get("list")
            .then(function(response) {
              $scope.contact_list = response.data;  
            });
});

因此，当我在浏览器上加载主页时，它会加载模板，然后向服务器发送另一个请求（'/ list'）以获取联系人（json）。所以浏览器会向服务器发送 2个请求。

AngularJS开发中是否正常同时发送2个请求以获取模板和数据？是否有任何工作只发送1个请求来获取模板和数据？

如果我需要在这种情况下发送2个请求，并假设我必须在主页中加载5个模板，那么我必须发送另外5个请求来绑定数据（从数据库）到每个模板？

Answer 1

您可以在路线中使用“解决方案”，即加载数据并加载模板。您可以在此处查看解决方案http://odetocode.com/blogs/scott/archive/2014/05/20/using-resolve-in-angularjs-routes.aspx

angularjs routing：获取带有数据的模板

1 个答案: