Skip to content Skip to sidebar Skip to footer

Show Data After POST With AngularJS

Im trying show the data that I have enterd, after an POST-action. But it does not work. How can I accomplish this? Here is my HTML:
, []) .factory('testFactory', function($http) { return { urMethod: function(callback) { return $http({ <ur http call parameters> }). success(function(data) { callback(data); }); } }; });

and in your controller:

as.controller('Test', ['testFactory', function($scope, $http, $rootScope,testFactory)
    {   

        $http.get($rootScope.appUrl + '/nao/test/test')
            .success(function(data, status, headers, config) {
                $scope.test = data;
        });

        $scope.form = {};

        $scope.submitForm = function(isValid) {
            if(isValid) 
            {   
                    testFactory.urMethod(function(data){
                       $scope.test = data;
            });
            }
        };
    }]);

Solution 2:

please see here : http://jsbin.com/gagiwo/1/edit?js,output

    as.controller('Test', function($scope, $http, $rootScope)
            {   

                $http.get($rootScope.appUrl + '/nao/test/test')
                    .success(function(data, status, headers, config) {
                        $scope.test = data;
                });

                $scope.form = {};

  $scope.submitForm = function(isValid) {
          if(isValid) 
            {   
              $http.post($rootScope.appUrl + '/nao/test', $scope.form)
                .success(function(data, status, headers, config) {
                  console.log(data); <-- data is object returned from server
                   $scope.datePosted = $scope.form; <-- $scope.form is your object posted to server

                }).error(function(data, status) {

                  $scope.datePosted =$scope.form;
                });


            }
        };
            });

Post a Comment for "Show Data After POST With AngularJS"