angularjs post web service dropdown

我用Eclipse創建了一個Web應用程序，我使用AngularJS和REST GET Web服務。通過Web服務，我查詢我的MySQL數據庫中的數據並通過控制器http GET控制器將值發送到我的html頁面。我成功地在我的HTML頁面中顯示數據庫值的下拉列表。現在我想將每個下拉列表中的選定項目發送回java頁面，以便我可以創建一個新的查詢來生成一些新的數據。但我不知道我能做這第二部分，有人可以幫我嗎？angularjs post web service dropdown

在此先感謝！

這是我的HTML頁面的一部分

<div id="three" ng-controller="mycontroller"> 
      <table class="table table-hover"> 
       <tbody> 
        <select ng-model="selecteditem"> 
        <option ng-repeat="item in items"> 
         {{item.itemname}} 
         </option> 
         </select> 
       </tbody> 
      </table> 
        <b>You selected: {{selecteditem}}</b> 
      </div> 
<script> 
var app = angular.module('myApp', []); 
    app.controller('showitems', function($scope, $http) { 
      $http.get('http://localhost:8080/myproject/REST/WebService_items/GetItems'). 
      success(function(data) { 
       $scope.items = data; 
       }) 
       .error(function() { 
        $scope.items = "error in fetching data"; 

       }); 
     }); 
</script>

來源

2016-08-01 MariaZ

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div id="three" ng-controller="mycontroller"> 
 
      <table class="table table-hover"> 
 
       <tbody> 
 
        <select ng-model="selecteditem"> 
 
        <option ng-repeat="item in items"> 
 
         {{item.itemname}} 
 
         </option ng-click="callTheFunction(item.itemname})"> 
 
         </select> 
 
       </tbody> 
 
      </table> 
 
        <b>You selected: {{selecteditem}}</b> 
 
      </div> 
 
<script> 
 
var app = angular.module('myApp', []); 
 
    app.controller('mycontroller', function($scope, customService) { 
 
    $scope.items = [{itemname:'apple'},{itemname:'mango'}] 
 
    $scope.callTheFunction=function(itemSelected){ 
 
     customService.restCallToJava(itemSelected) 
 
    } 
 
    app.service('customService',['$http', function($http) { 
 
     var restCallToJava= function(sensorObj){ 
 
     return $http.post('/api',sensorObj); 
 
     } 
 
    }]) 
 
    
 
</script>

來源

2016-08-01 06:44:34 user3800563

<label>example</label> 
    <md-select id="example" ng-model="vm.list.example" required> 
    <md-option ng-repeat="unit in vm.list" value="{{example.id}}">{{example.name}}</md-option>

來源

2016-08-01 06:58:41

儘管此代碼可能會回答問題，但提供有關如何解決問題和/或解決問題原因的其他上下文會提高答案的長期價值。 – HiDeo

感謝兩個答案！我的主要問題不是如何顯示下拉列表中的項目，我已經完成了這些。我想通過REST Web服務函數將選擇的項目發送到我的項目的Java頁面，所以我不知道如何在我的HTML頁面中編寫angularjs代碼，以發送推送/發佈Web服務URL中的項目。

來源

2016-08-01 07:13:20 MariaZ

angularjs post web service dropdown

回答

相關問題