AngularJS의 드롭 다운 메뉴에서 매개 변수 전달

Question

드롭 다운 메뉴에서 데이터를 선택하여 목록 데이터를 표시하려고합니다.

내 서비스 목록 데이터에 하드 코드 (ID 6)가 있습니다.

var url = 'http://localhost:3854/listarServicosByEstab/' + '6'; // Hardcode! 

어떻게 서비스에 선택 항목 ID를 전달합니까?

드롭 다운 HTML (NG-클릭 나던 일) :

  <!-- Combobox -->    
     <div class="row"> 
      <div class="dropdown" ng-controller="EstabelecimentosPageCtrl"> 
       <button class="btn btn-default dropdown-toggle" type="button" id="dropdown_estabelecimentos" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
        Estabelecimentos 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" aria-labelledby="dropdown_estabelecimentos" > 
        <li> 
         <a ng-repeat="estab in listaDeEstabelecimentos" href="#" ng-click="$parent.current = item"> 
          {{estab.nomeEstab}} 
         </a> 
        </li> 
       </ul> 
       Choose Test: {{item}} 
      </div> 
     </div> 

메뉴 컨트롤러 :

.controller('ListServicoCtrl', function($scope, $state, ListServicoService) { 
ListServicoService.listarServicos().then(function(dados){ 
    $scope.listaDeServicos = dados; 
}); }); 

서비스 :

.service('ListServicoService', function($http){ 

var url = 'http://localhost:3854/listarServicosByEstab/' + '6'; // Hardcode! 

return{ 
    listarServicos : function(){ 
     return $http.get(url).then(function(response){ 
      return response.data; 
     }); 
    } 
}}); 

Answer 1

<div class="row"> 
      <div class="dropdown" ng-controller="EstabelecimentosPageCtrl"> 
       <button class="btn btn-default dropdown-toggle" type="button" id="dropdown_estabelecimentos" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
        Estabelecimentos 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" aria-labelledby="dropdown_estabelecimentos" > 
        <li> 
         <a ng-repeat="estab in listaDeEstabelecimentos" ng-click="passdata(estab.Id)"> 
          {{estab.nomeEstab}} 
         </a> 
        </li> 
       </ul> 
       Choose Test: {{item}} 
      </div> 
     </div> 

을

컨트롤러

.controller('ListServicoCtrl', function($scope, $state, ListServicoService) { 

$scope.passdata = function(id){ 
ListServicoService.listarServicos(id).then(function(dados){ 
    $scope.listaDeServicos = dados; 
}); 
} }); 

귀하의 서비스

.service('ListServicoService', function($http){ 



return{ 
    listarServicos : function (id){ 
     return $http.get('http://localhost:3854/listarServicosByEstab/' + id).then(function(response){ 
      return response.data; 
     }); 
    } 
}}); 

제거 앵커 태그에서 HREF 내가 컨트롤러에 보여 같은 기능을합니다. 당신의 json이 Id과 같은 값을 가지고 있다고 가정함으로써 나는 그것을 증명했다. 희망이 코드는 당신을 위해 작동합니다.