How to save an input value using AngularJS

Question

I am working on a website that contains a field called comments where some particular users can post those comments. My HTML code:

<form>
  <input ng-model="stack"></input>
  <button ng-click="save()">Save</button>
  <p>Your comment:  <span ng-bind="stack"></span></p>
</form>

The comments should be saved in to a variable then, posted in my web service which is a json file so I can do my Database calls. I have to use $http.post I am using AngularJS and I have written my webservice using java (JAXB).

//Controller:
$scope.save = function() { 
  alert(name); 
} 
//In save I put alert to test because all the functions save I tested hadn't done what I need. 
//server 
$http({ 
  method: 'POST', 
  url: 'url', 
  data: "stack=" 
});

Controller: $scope.save = function() { alert(name); } In save I put alert to test because all the functions save I tested hadn't done what I need. server $http({ method: 'POST', url: 'url', data: "stack=" }); — nour nour
– nour nour, Commented May 31, 2016 at 9:09

Denny John · Accepted Answer · 2016-05-31 09:16:56Z

4

$http.post does it for you.

This is the html code :

<form ng-submit="save()">
      <input ng-model="stack"></input>
      <button type="submit">Save</button>
      <p>Your comment:<span ng-bind="stack"></span></p>
</form>

This is the controller function :

function myController($scope,$http){
        $scope.save=function(){
            
      var data=$scope.stack;  
       /* post to server*/
        $http.post(url, data)
            .then(
           function(response){
          // success callback
                 }, 
           function(response){
           // failure callback
               });
                               
             }
        }

answered May 31, 2016 at 9:16

Denny John

4647 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

nour nour Over a year ago

I got this error: ReferenceError: $http is not defined at k.$scope.save whenever I try to save the input value

NotBad4U Over a year ago

Have you put the $http on the header of your controller function like : " myController($scope,$http)" ?

nour nour Over a year ago

function($scope, AppName) and AppName is my factory's name

NotBad4U Over a year ago

So change it for function($scope, $http, AppName) for the injection.

Mike.Chun Over a year ago

@NotBad4U How can I store this as a java object? So I would be able to use this value in my classes

PRABHU CR · Accepted Answer · 2021-03-04 17:25:54Z

0

$scope.save = function (data1) {
            var value = JSON.stringify(data1);
            $http({
                method: 'POST',
                cache: false,
                url: serviceBasePath + '/api/save',
                data: value,
                headers: {
                    'Content-Type': 'application/json; charset=utf-8'
                }
            }).success(function (data, status) {
                $('.modal-backdrop').remove();
                $scope.tableParams.reload();
                $scope.Form.$setPristine();
            }).error(function (data, status) {
                $scope.errors = [];
                $scope.errors.push(data);
            });
        };

answered Mar 4, 2021 at 17:25

PRABHU CR

11 bronze badge

Collectives™ on Stack Overflow

How to save an input value using AngularJS

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related