如何使用AngularJS中的$ resource從URL查詢字符串中的HTML表單字段傳遞數據？

Question

我正在為使用Jersey API開發的基於REST的服務器端應用程序設計UI。 我想從HTML表單中獲取輸入並將數據作為查詢字符串參數傳遞，以構建REST URL。 我也瀏覽了AngularJS文檔，但沒有找到問題的答案。 我知道$ resource用於GET/POST/PUT請求，而且我知道我們可以使用$resource使用查詢字符串構建URL。 誰能指導我如何從表單字段傳遞查詢字符串參數？

Answer 1

在HTML和按鈕中創建輸入字段以添加數據

<div  ng-controller="myCtrl">
 <input ng-model="item.name" />
 <button ng-click="addItem()">Add Item</button>
</div>

創建用於調用API的服務

   var myApp = angular.module("myApp",['ngResource'])

   myApp.factory("myService", function ($resource) {
        return $resource(
            "http://localhost/items/:id",
            {id: '@id'},
            {
                update: { method: 'PUT' },
                query: {method: 'GET', isArray: true},
                get: {method: 'GET'}

            }
        )
    })

創建一個控制器

   myApp.controller("myCtrl", function ($scope, myService) {
   $scope.Details = myService.get();
   $scope.addItem = function () {
   myService.save($scope.item, function (data) {
        $scope.Details.push(data);
        $scope.item = {};
      });
   };