AngularJS routage: obtenir modèle avec des données

Question

J'ai la configuration de routage suivant

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

ma page d'accueil ('/') charge simplement un certain nombre de contacts et de son contactListCtrl est comme

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

Alors quand je charge la page d'accueil sur le navigateur, il charge le modèle, puis envoie une autre requête ('/ list') au serveur pour obtenir les contacts (json). de sorte que le navigateur envoie 2 demandes au serveur.

Est-ce normal dans le développement AngularJS d'envoyer simultanément 2 requêtes pour obtenir un template avec des données? Y a-t-il du travail pour envoyer seulement 1 demande pour obtenir à la fois le modèle et les données?

Si j'ai besoin d'envoyer 2 demandes dans ce cas et supposons que je dois charger 5 modèles dans la page d'accueil alors je dois envoyer 5 autres demandes pour lier des données (de la base de données) à chaque modèle?

Answer 1

Vous pouvez utiliser la résolution dans l'itinéraire, qui chargera les données et chargera votre modèle. Vous pouvez vérifier ici pour la solution http://odetocode.com/blogs/scott/archive/2014/05/20/using-resolve-in-angularjs-routes.aspx