Question

我正在使用Spring MVC框架并在首页中使用AngularJS。我需要将JSON数据发布到restservice。一切正常，使用主文件测试和编码的服务很好。但问题是，当我尝试使用Angular Js发布数据时，它失败了。你能检查一下列出数据的js和jsp文件，告诉我哪里出错了。我期待着你的帮助。

JS文件：

var helloAjaxApp = angular.module("helloAjaxApp", []);

helloAjaxApp.controller("ItemsCtrl", ['$scope', '$http', function($scope, $http) {
$scope.item = [
                    { 'name':'burger',
                        'price': 1.99},                                     
                    ];

$scope.addRowAsyncAsJSON = function(){      
    $scope.companies.push({ 'name':$scope.name, 'price': $scope.price});
    // Writing it to the server
    //  
               var dataObj = {
            name : $scope.name,
            price : $scope.price
    };  
    var res = $http.post('/item', dataObj);
    res.success(function(data, status, headers, config) {
        alert('going to other method 5' );      
    $scope.message = data;
    });
               alert('going to other method 4' );
    res.error(function(data, status, headers, config) {
        alert( "failure message: " + JSON.stringify({data: data}));
    });     
    $scope.name='';
    $scope.price='';
};
}]);

列出数据结果的JSP：

    <div ng-controller="item">
        <p>The ID is {{item}}</p>
        <p>The content is {{item.id}}</p>
    </div>

Answer 1

乍一看它看起来像是

<div ng-controller="item">

应该是

<div ng-controller="ItemsCtrl">

如何使用AngularJS将json数据发布到rest服务

1 个答案: