1

app.js

    angular.module("FipeApp", []);

angular.module("FipeApp").controller("FipeAppCtrl", function($scope, $http) {
  $scope.app = "FIPE APP";
  $scope.tipos = [{
    nome: "Carros",
    id: "carros"
  }, {
    nome: "Motos",
    id: "motos"
  }, {
    nome: "Caminhões",
    id: "caminhoes"
  }, ];

  //$scope.tipo = [];
  $scope.tipoSelec = '';

  //$scope.marca = [];
  //$scope.marcaSelec = '';

  var carregarMarcas = function() {
    $http.get('https://crossorigin.me/http://fipeapi.appspot.com/api/1/' + $scope.tipoSelec + '/marcas.json').success(function(data) {
      $scope.marcas = data;
    }).error(function(data, status) {
      $scope.message = "Aconteceu um problema: " + data;
    });
  };

  carregarMarcas();

});

index.html

<html lang="pt-BR" ng-app="FipeApp">
<body ng-controller="FipeAppCtrl">
  <div class="container">
    <div class="linha">
      <div class="coluna-5">
        <h4 class="header">{{app}}</h4>
        <select ng-model="tipoSelec" ng-change="carregarMarcas()" ng-options="tipo.nome for tipo in tipos">
          <option value="">Seleciona um Tipo de Veiculo</option>
        </select>
        <select ng-model="marcaSelec" ng-disabled="!tipoSelec" ng-options="marca.fipe_name for marca in marcas">
          <option value="">Seleciona uma Marca</option>
        </select>
        {{tipoSelec.id}} {{marcaSelec.id}}
      </div>
    </div>
  </div>
</body>

Preciso pegar o tipoSelec.id selecionado pelo cliente e concatenar na URL que vai pegar o JSON com o nome das Marcas, tentei de varias formas já e nda, sou noob ainda =)

CODEPEN AQUI

2

1 Resposta 1

2

Troque var carregarMarcas = function() para $scope.carregarMarcas

$scope.carregarMarcas = function() {
    $http.get('https://crossorigin.me/http://fipeapi.appspot.com/api/1/' + $scope.tipoSelec.id + '/marcas.json').success(function(data) {
      $scope.marcas = data;
    }).error(function(data, status) {
      $scope.message = "Aconteceu um problema: " + data;
    });
};

  $scope.carregarMarcas();

Exemplo funcionando: http://codepen.io/anon/pen/NGVrbj

1
  • Só tive que ajustar a ng-click vou dar continuidade no projeto. Commented 23/11/2015 às 20:51

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 .