Как правильно отправлять и получать данные формы в угловом / узловом приложении

Question

Я пишу приложение, основанное на плитке mean.js

У меня есть форма в моем угловом представлении, которая должна отправить некоторые данные формы:

 <form name="form" ng-submit="postUpdate()">
                <div class="form-group">
                    <fieldset>
                        <legend><strong>Salesforce Opportunity</strong> </legend>
                        <div class="col-sm-6">
                            <label for="opportunityId">Opportunity ID</label>
                            <input id="kw" name="opportunityId" type="text" placeholder="kw" class="form-control" ng-model="kwRequired"/>
......

В моем угловом контроллере у меня есть это:

$scope.postUpdate = function(){
            var posturl = '/salesforce_update';
            console.log('kwRequired  ' + $scope.kwRequired);
            var postData = {kw: $scope.kwRequired};
            $http.post(posturl,postData);
        }

Затем в моем узле сервера / экспресс-код, у меня есть этот обработчик:

....

app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
......


app.post('/salesforce_update', function(req, res){
        console.log('Salesforce update Request Received');
        console.log('_parsedUrl.query:  ' + req.body.kw);
    });

Я очень хорошо передаю запрос на серверную часть, но после проверки тело запроса пусто.

Что мне не хватает?

Answer 1

Вам нужно использовать angular.toJson метод как это:

$scope.postUpdate = function(){
    console.log('kwRequired  ' + $scope.kwRequired);
    var postData = {kw: $scope.kwRequired};
    var json = angular.toJson(postData); 
    $http.post('/salesforce_update', json);
}

Также не забудьте определить app.use(bodyParser.json()); до определения app.post('/salesforce_update', function ....