-2

Estou montando um controller onde uma das funcionalidades é pegar um dado no banco através do seu id. Porém, não aparece nada no console quando coloco isso

Código que exibe os paises na tela

<table width="200">
    <tr>
        <td><b>País</b></td>
        <td><b>Sala</b></td>
    </tr>
    <tr ng-repeat="pais in paises">
        <td>{{pais.nome}}</td>
        <td>{{pais.sala}}</td>
        <td><a href="#/editarPais/{{pais.idPais}}">editar</a></td>
    </tr>
</table>

Código html

<form>
    <input type="hidden" ng-model="pais.idPais">
    País <input type="text" ng-model="pais.nome">
    Sala <input type="text" ng-model="pais.sala">
    <button ng-click="atualizarPais(pais)">Atualizar</button><br>
</form>

Código agunlar

app.controller("PaisesController", function ($scope, $http, $routeParams, $state) {

var carregaPaises = function () {
    $http.get("admin/php/pegaPaises.php").success(function (data){
        //console.log(data);
        $scope.paises = data;
    });
};

$scope.adicionaPais = function (pais) {
    $http.post("admin/php/adicionaPais.php", pais).then(function (data){
        //console.log(data);
        carregaPaises();
    })
};

var carregaPais = function (pais) {
    console.log($routeParams.pais);
};

carregaPaises();

carregaPais();

});

Código do config:

var app = angular.module("vc", ["ui.router", "ngRoute"]);
.state("paises", {
        url: "/paises",
        controller: "PaisesController",
        templateUrl: "admin/views/paises.html"
    })

    .state("editarPais", {
        url: "/editarPais/:idPais",
        controller: "editarPaisController",
        templateUrl: "admin/views/editarPais.html"
    })

Como faço para ver os dados que vem no parâmetro?

7
  • Exatamente Celso. Pois já usei isso em outro código e funcionou. Commented 11/01/2016 às 19:03
  • Está meio confuso.. Esse parâmetro deve vir de onde? da URL ou do formulário? Baseado nas suas questões anteriores, você está usando ui-router certo? E você só precisa pegar o parâmetro da URL, certo? Commented 11/01/2016 às 19:04
  • Sim, deverá vir do formulário e estou usando ui-router. Não sei como funciona no angular, se os parâmetros vem via url. Commented 11/01/2016 às 19:06
  • Se ele vem do formulário, então não tem nada a ver com o parâmetro de URL, é isso? Você precisa apenas pegar o ID que está no input hidden do formulário? Commented 11/01/2016 às 19:07
  • Exatamente Celso. E desconsidere aquele botão com ng-click"atualizarPais(pais)", pois não está sendo usado agora. Agora quero carregar os dados no formulário para edição. Commented 11/01/2016 às 19:09

1 Resposta 1

1

O seu problema pode ser devido à uma falha de injeção do parâmetro. Tente usar $routeParams na injeção do controller, assim:

app.controller("editarPaisController", function ($scope, $http, $routeParams) {

Mas não sei como você está fazendo a definição do parâmetro na url, pois esse não é o método Angular de se definir um parâmetro. Como você disse que está utilizando o ui-router, recomendo que faça do modo correto, inclusive o link de acesso, onde deve ser feito da seguinte maneira:

html

<td><a ui-sref="meuestado({idPais: pais.idPais})">editar</a></td>

controller

app.controller("editarPaisController", function ($scope, $http, $state) {
    var urlParam = $state.params.idPais;
});

State

.state('meuestado', {
    url: 'editarPais/:idPais',
    //..outras opções aqui
})
12
  • Apareceu isso no console: "Error: Could not resolve 'meuestado' from state 'paises'" Commented 11/01/2016 às 19:23
  • mas dai você tem que usar o estado referente aquela página de edição, eu defini apenas um exemplo. Você deve fazer a adaptação ao seu cenário. Commented 11/01/2016 às 19:24
  • Para não deixar tudo espalhado... Eu já tenho um controller que salvar os paises no banco e exibe na tela. Eu posso pegar e juntar os comando do "editarPaisController" e colocar junto do outro, não? Commented 11/01/2016 às 19:26
  • 1
    Isso fica 100% a seu critério. Já vi artigos de pessoas que usam controllers bem segmentados, enquanto outros agrupam todas as funções de determinada área em um único. Faça como você achar melhor. Por exemplo, funções referente aos países no controller paisesCtrl, vai funcionar da mesma forma que segmentar. Commented 11/01/2016 às 19:28
  • 1
    Sim, é outro método que também da certo. Eu uso pelo $state.params pois faço outras funções a partir dele. Mas se deu certo, perfeito. Commented 11/01/2016 às 20:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .