Angular function get data from $http requrest

Question

I need to fetch data via $http request and i need to use it for Edit value for my form.

Example code

 $http.get(base_url+"user/feach_one")
    .then(function (response) {$scope.json = response.data;
     $scope.name=$scope.json.name;
    });
 $scope.basic={
        name:// I want to get $scope.json.name here  
    };

@AlekseyL.can but I think it may look messy if I have a lot of function need to use data from the callback — Vuong Tran
– Vuong Tran, Commented May 24, 2017 at 6:14

Maher · Accepted Answer · 2017-05-24 06:19:39Z

2

Bind your $scope to view, and create your form with your json params like this sample, read the comments

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

app.controller("ctrl", function ($scope) {
   //json
   //uncomment in your local
   //$http.get(base_url + "user/feach_one").then(function (response) {
   //    var json = response;
   //    $scope.form = json;
   //});

   //we didn't have api here: { name: "Test", age: 20 }
   //comment in your local
   var json = { name: "Test", age: 20 }
   $scope.form = json;
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  <form>
      <label>name</label>
        <input type="text" ng-model="form.name"/>
      <label>age</label>
        <input type="text" ng-model="form.age"/>
  </form>
</div>

answered May 24, 2017 at 6:19

Maher

2,5471 gold badge21 silver badges33 bronze badges

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

2 Comments

Vuong Tran Over a year ago

What if I have second form need to get data from $http request. example form2. Should I use $scope.form2 = json; Is there any way to reuse the data.

Maher Over a year ago

if your json is different you have to repeat that step again but with new param i mean "$scope.form2 = response".

Jester · Accepted Answer · 2017-05-24 06:36:30Z

0

$scope.basic= {};
$scope.advanced= {};
 $http.get(base_url+"user/feach_one")
    .then(function (response) {
     $scope.basic.name=$scope.json.name;
     $scope.advanced=$scope.json.avanced;
    });

edited May 24, 2017 at 6:36

answered May 24, 2017 at 6:12

Jester

3,4115 gold badges32 silver badges47 bronze badges

2 Comments

Vuong Tran Over a year ago

it works! thank you But if I have other function need to use that data. example advanced. I need to put $scope.advance.name-$scope.json.name?

Jester Over a year ago

you can design the data structure as you wish since js does not care much what you do

Collectives™ on Stack Overflow

Angular function get data from $http requrest

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related