AngularJSのドロップダウンでパラメータを渡す

Question

私はドロップダウンメニューでデータを選択してリストデータを試しています。

ハードコード（ID 6）のサービスリストデータ。

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

サービスに選択アイテムIDを渡すにはどうすればよいですか？

ドロップダウンHTML（NG-クリックdoesntの仕事を）：

  <!-- 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のような値を含んでいると仮定することによって、私はそれを実証しました。このコードがうまくいくことを願っています。