how to display data in input field using angular js

Question

First off all, I want to show the json data from my codeigniter controller in view page through $http post method.

The problem is that I'm facing some problems, then I can't make it works.

Code:

.state('GetData', {
 url: "/getdata",
 templateUrl: base_url + "loadl/getdata",
 data: {
   pageTitle: 'Datapage'
 },
 controller: "Mycontroller",
 resolve: {
   deps: ['$ocLazyLoad', function($ocLazyLoad) {
     return $ocLazyLoad.load({
       name: 'Myapp',

       files: [

         base_url + 'application/assets/js/controllers/Mycontroller.js'
       ]
     });
   }]
 }
})

Controller:

angular.module('Myapp')
 .controller('Mycontroller', function($rootScope, $scope, $http, $timeout) {

   $http.get(base_url + "getData/show").
   success(function(response) {
     $scope.data1 = response.data;
   });
 });

CI controller

public function show() {
  echo '{"data":[{"sl_num":"1","name":"James","category":"1"}]}';
}

View:

<div class="form-group">
  <label class="control-label">Name</label>
  <input type="text" placeholder="John" class="form-control" ng-model="data1.name" />
</div>

ng-model="data1", it should be like this

Mohan Gopi
– Mohan Gopi

2016-07-14 04:47:42 +00:00
Commented Jul 14, 2016 at 4:47 — Mohan Gopi
– Mohan Gopi, Commented Jul 14, 2016 at 4:47
i want display name only from json data

roger nm
– roger nm

2016-07-14 04:51:29 +00:00
Commented Jul 14, 2016 at 4:51 — roger nm
– roger nm, Commented Jul 14, 2016 at 4:51
What do you get when you console.log(response)?

Arun Ghosh
– Arun Ghosh

2016-07-14 04:51:53 +00:00
Commented Jul 14, 2016 at 4:51 — Arun Ghosh
– Arun Ghosh, Commented Jul 14, 2016 at 4:51
ReferenceError: reponse is not defined

roger nm
– roger nm

2016-07-14 04:54:31 +00:00
Commented Jul 14, 2016 at 4:54 — roger nm
– roger nm, Commented Jul 14, 2016 at 4:54
Where did you put this console.log(response)?

developer033
– developer033

2016-07-14 04:55:18 +00:00
Commented Jul 14, 2016 at 4:55 — developer033
– developer033, Commented Jul 14, 2016 at 4:55

Mohan Gopi · Accepted Answer · 2016-07-14 05:21:14Z

1

Upadate with the my answer i will work

angular.module('Myapp')
 .controller('Mycontroller', function($rootScope, $scope, $http, $timeout) {
   $http.get(base_url + "getData/show").
   success(function(response) {
     console.log(response);
     $scope.data1 = response.data[0].name;
     console.log($scope.data1);
   });
 });

View:

<div class="form-group">
  <label class="control-label">Name</label>
  <input type="text" placeholder="John" class="form-control" ng-model="data1" />
</div>

edited Jul 14, 2016 at 5:21

answered Jul 14, 2016 at 5:09

Mohan Gopi

7,74618 gold badges70 silver badges119 bronze badges

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

2 Comments

Mohan Gopi Over a year ago

how can you display all the name of your array inside a input field

Mohan Gopi Over a year ago

@rogernm do you want to view the name of your array inside a list or option that is possible how in input field

Collectives™ on Stack Overflow

how to display data in input field using angular js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related