AngularJS ng-route como fazer uma solicitação http na resolução
Eu tenho um modelo simples com uma entrada e um link de âncora que, ao pressioná-lo, carregará outro modelo. Quero que este segundo modelo busque as informações por meio de uma solicitação http.
Estou usando ng-route para redirecionar para o modelo de pesquisa por padrão e para o modelo de resultados do caminho / search /: title, e estou tentando usar o resolve para fazer a solicitação antes de carregar o modelo de resultados (código no plunker)
O principal problema que estou enfrentando é que, quando adiciono a resolução, o controlador deixa de ser inicializado (acho que ele será carregado após o retorno da promessa). Isso significa que variáveis como o URL de pesquisa não são inicializadas e os $ routeParams ficam vazios quando os imprimo na função de pesquisa do controlador.
Como devo fazer isso?
Também não tenho certeza sobre a sintaxe correta para a resolução. A primeira pesquisa é uma variável de escopo?
resolve: {
search: searchController.search
}
Para quem tem preguiça de verificar o Plunker, aqui está o código relevante:
Encaminhamento
.config(['$routeProvider',function($routeProvider) {
$routeProvider.
when('/search', {
templateUrl: 'templates/search.html'
}).
when('/search/:title', {
templateUrl: 'templates/result.html',
controller: 'searchController',
resolve: {
search: searchController.search
}
}).
otherwise({
redirectTo: '/search'
});
}]);
searchController
var searchController = search.controller('searchController', ["$http", "$scope", "$location", '$rootScope', '$routeParams', function($http, $scope, $location, $rootScope, $routeParams) {
console.log("Controller constructor");
this.searchURL = 'http://www.myapifilms.com/imdb?title=%thetitle%&format=JSON';
$scope.response = '<Response here>';
this.title = '';
this.defer = null;
console.log("PARAMS: " + JSON.stringify($routeParams));
}]);
searchController.search = function searchMovie($q, $routeParams) {
searchController.defer = $q.defer;
var searchString = $routeParams.title;
url = searchController.searchURL.replace('%thetitle%', searchString);
console.log("URL: " + url);
searchController.searchRequest(url);
};
searchController.searchRequest = function(url) {
$http.get(url).success(function(data) {
....
searchController.defer.resolve();
return searchController.defer.promise;
})
.error(function(data, status, headers, config) {
...
searchController.defer.resolve();
return searchController.defer.promise;
})
};