angular.module('myApp').controller('paginasCtrl', function($scope, CarregaItens) {
function carregaPaginas () {
CarregaItens.getPaginas()
.success(function (data) {
$scope.paginas = data;
})
};
carregaPaginas();
});
.service('CarregaItens', function ($http) {
getInfoPage = function () {
return $http.get("http://www.meusite.com.br/api/paginas.php?id=4");
};
return {
getPaginas: getInfoPage
}
});
<div class="col col-50 shop-product-narrow-card" ng-repeat="item in paginas" ui-sref="app.detalhes({id: item.id})">
<div class="list card">
<div class="item item-image">
<pre-img ratio="_1_1" helper-class="main-image">
<img ng-src="http://www.meusite.com.br/img/paginas/{{item.imagem}}" spinner-on-load>
</pre-img>
</div>
<div class="item item-body">
<h2 class="card-title">{{item.titulo}}</h2>
</div>
</div>
</div>
Pessoal, tenho esse controller e esse service que interagem perfeitamente bem, mas o que preciso é que o item.id que esta sendo listado na view seja enviado para meu service substituindo o "4" estático da url da API. Já tentei utilizar $routeparams mas ao injetá-lo no controller ele para de funcionar.
Meu raciocínio seria pra algo do tipo
return $http.get("http://www.meusite.com.br/api/paginas.php?id=" + id);
Mas não funciona (lógico). Alguma idéia?