AngularJS-錯誤正文請求POST

Question

我是AngularJs的新手，我需要使用枚舉形式在服務器上進行發布請求。 我在JS中以這種方式這樣做：

function completeTaskAction2($scope, $http, Base64) {
$http.defaults.headers.common['Authorization'] = 'Basic ' + Base64.encode('kermit' + ':' + 'kermit');
$http.get("http://localhost:8080/activiti-rest/service/runtime/tasks")
    .then(function (response, data, status, headers, config) {
        var ids = response.data.data[0].id;

        $scope.formData2 = {
            taskId: ids,
            properties: [{
                    id: 'requestApproval',
                    value: ''
            }
            ]
        }
    });
$scope.submitForm2 = function () {

    $http({
        method: 'POST',
        url: "http://localhost:8080/activiti-rest/service/form/form-data",
        data: angular.toJson($scope.formData2),
        headers: {
            'Authorization': 'Basic ' + Base64.encode('kermit' + ':' + 'kermit'),
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        }
    }).success(function (data) {

        console.log("OK", data);
    }).error(function (data) {

        console.log("Error Posting data...");
        console.log(data);
        console.log($scope.submitForm2);
    });
};

};

並在html中：

 <div ng-controller="completeTaskAction2">
                        <div ng-repeat="x in names">
                            {{ x.name }}*

                            <form ng-submit="submitForm2()">
                                <a ng-if="x.type=='enum'">
                                    <select ng-model="formData2.properties[0].value" ng-options="y.name for y in x.enumValues " placeholder="{{ x.name[0] }}"> {{ x.name }} </select>
                                </a>
                                <br>

                                <button type="submit" class="btn btn-success btn-lg btn-block">
                                    <span class="glyphicon glyphicon-flash"></span> Submit Enum!
                                </button>
                        </div>


                    </div>
                    </form>

但是我有這個錯誤：

無法讀取JSON：無法反序列化實例…

響應主體為：

{"taskId":"67762","properties":[{"id":"requestApproval","value":{"id":"true","name":"Yes"}}]}

我只需要將此發送到服務器：

**{"taskId":"67762","properties":[{"id":"requestApproval","value":"true"}}]**

我該怎么做？

Answer 1

代替這個：

<select ng-model="formData2.properties[0].value" ng-options="y.name for y in x.enumValues " placeholder="{{ x.name[0] }}"> {{ x.name }} </select>

您應該像這樣使用ng-selected：

<select ng-model="formData2.properties[0].value" ng-options="y.name for y in x.enumValues " ng-selected="x.name[0]"></select> 

這應該可以解決您的問題，但是很遺憾，現在無法測試。 讓我知道這是否解決了您的問題:)

Answer 2

您的ng-options應該像這樣：

ng-options="y.id as y.name for y in x.enumValues"

這會將y ID綁定到模型值，而不是整個y對象。