1

Gostaria como consigo filtrar esse JSON pelo COD e trazer somente o escolhido.
Estou trazendo o valor do código pela url e gostaria de filtrar apenas para apresentar o nome da opção escolhida.
OBS: O usuário não irá digitar o valor pois estava em uma lista na tela anterior em que ele escolheu.
Estou utilizando AngularJS
Exemplo:

{"COD":"15","NOME":"14.01 Histórico Escolar."},
{"COD":"16","NOME":"14.02 Histórico Escolar - Regime de Urgência"}

Então, gostaria de filtrar apenas pela coluna COD e trazer e apresentar na tela o NOME.

2 Respostas 2

3

ANGULAR FILTER

Para solucionar o teu problema basta usar os FIltros do Angular, segue exemplo:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.valores =  [
      {
        "COD":"15",
        "NOME":"14.01 Histórico Escolar."
      },
      {
        "COD":"16",
        "NOME":"14.02 Histórico Escolar - Regime de Urgência"
      }];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <input type="text" placeholder="Buscar por ID" ng-model="filtro.COD">
  <div ng-repeat="x in valores | filter: filtro">{{x.NOME}}</div>
  
</div>

3
  • Sim, mas eu recebo o COD pela url, ou seja, o usuario ja escolheu o item na lista so gostaria de filtra-lo para aparecer na nova pagina o item selecionado. Commented 10/02/2017 às 15:52
  • Você trata essa URL como? PHP? Commented 10/02/2017 às 17:37
  • Não, estou utilizando ionic e angular, no caso seria o seguinde processo: O usuario tem uma lista de opcoes, ele escolhe uma, e vai para outra view, e nesta outra view queria apenas mostrar o nome da opcao escolhida. Mas baseado na sua resposta eu consegui resolver o problema aqui. Muito Obrigado! :) Commented 10/02/2017 às 17:42
0

Para você realizar o filtro da forma que apontou pode usar o javascript puro mesmo

$scope.valores =  [
  {
    "COD":"15",
    "NOME":"14.01 Histórico Escolar."
  },
  {
    "COD":"16",
    "NOME":"14.02 Histórico Escolar - Regime de Urgência"
  }]

$scope.filtrarCodigo(codigo){
   return $scope.valores.filter(function(item){ 
                                    return (item.COD == codigo)
                                });
}

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 .