0

ngResource に属する $save() メソッドを使用して、データを asp.net webapi コントローラーに投稿したいのですが、次のエラーが発生しています: " TypeError: $scope.product.$save is not a function at n.$scope.製品を保存する"

$http() を使用すると、データは保存されますが、$save() でエラーが発生します。 $query() や $get() などの他のメソッドは正常に機能し、$save() だけがエラーを引き起こしています。

コード:

// first file (module)

var app = angular.module('commonServices', ['ngResource'])
                 .constant('appSettings', {
                     serverPath: 'http://localhost:29904/'
                 });

//second file (factory)

(function(){
    angular.module('commonServices')
    .factory('productResource', ['$resource', 'appSettings', productResource])
    function productResource($resource, appSettings) {
        return $resource(appSettings.serverPath + "api/Products/:id",
              null,
            {
                'update': { method: 'PUT' },

            });
    }
}());

// third file (controller)
myApp.controller('editProductController', ['$scope', '$routeParams', '$http', 'productResource',
    function ($scope, $routeParams, $http, productResource) {
        $scope.num = $routeParams.id;
        $scope.alertUser = false;


        $scope.saveProduct = function () {


            $scope.product.$save(function(data){});
                 }
        };
    }]);

// テンプレートからのマークアップ

<div class="form-group ">

                            <label class="col-md-2 control-label"
                                   for="inputProductName">Product Name</label>

                            <div class="col-md-4">
                                <input class="form-control"
                                       id="inputProductName"
                                       name="inputProductName"
                                       type="text"
                                       placeholder="Product Name (required)"
                                       required
                                       ng-model="product.productName" />
                            </div>


                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label" for="inputProductCode">Product Code</label>

                            <div class="col-md-4">
                                <input class="form-control"
                                       id="inputProductCode"
                                       name="inputProductCode"
                                       type="text" ng-model="product.productCode">
                            </div>

                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label"
                                   for="inputAvailabilityDate">Availability</label>

                            <div class="col-md-4">
                                <div class="form-control">
                                    {{product.releaseDate}}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label"
                                   for="inputDescription">Description</label>

                            <div class="col-md-4">
                                <textarea class="form-control"
                                          id="inputDescription"
                                          name="inputDescription"
                                          placeholder="Description"
                                          rows="3" ng-model="product.description"></textarea>
                            </div>
                            <br />
                        </div>

                        <div class="form-group">
                            <div class="col-md-4 col-md-offset-2">
                                <span>
                                    <button class="btn btn-primary"
                                            style="width:80px;margin-right:10px" ng-click="saveProduct()">
                                        Save
                                    </button>
                                </span>

4

2 に答える 2

2

get を呼び出さずに $save() を使用するには、次のようにします。

productResource.save($scope.product, function(data) {

                });

手がかりを提供してくれた@TzachOvadiaに感謝します:)

于 2015-08-04T19:55:04.720 に答える
1

これを試して:

$scope.product = productResource.get({ id: $scope.num });

$scope.saveProduct = function () {
    $scope.product.$save(function (response) {...});
}
于 2015-08-04T18:45:59.243 に答える