How to display single database entry in angularjs

Question

I have only one text field

 <input type="text" name="groupname" value="">

I want display groupname in above textbox using angularjs

app.controller('get_group_name', function($scope, $http) {
    $http.get(site_url +    'admin/Usergroup_controller/get_available_user/1')
.then(function (response) {$scope.names = response.data.records;});

});

I am getting json data like

[{"groupname":"Bharat"}]

Only one record

How can I get this data in textbox.

Ved · Accepted Answer · 2016-03-23 10:56:38Z

2

<input type="text" name="groupname" ng-model = "names[0].groupname">

Ng-model is used to bind data from controller to view. I will suggest you to visit angular documentation for better understanding of Angularjs.

FIDDLE: http://jsfiddle.net/Lvc0u55v/1452/

edited Mar 23, 2016 at 10:56

answered Mar 23, 2016 at 10:06

Ved

12.1k5 gold badges46 silver badges61 bronze badges

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

1 Comment

Ved Over a year ago

Yes. no issue with controller.

thegio · Accepted Answer · 2016-03-23 10:06:53Z

1

<input type="text" name="groupname" value="" ng-model="groupname">

then in the promise just use the $scope variable:

app.controller('get_group_name', function($scope, $http) {
$http.get(site_url + 'admin/Usergroup_controller/get_available_user/1')
.then(function (response) {$scope.names = response.data.records; 
$scope.groupname = response.data.records.groupname;

});

answered Mar 23, 2016 at 10:06

thegio

1,2438 silver badges28 bronze badges

1 Comment

thegio Over a year ago

try with:$scope.groupname = response[0].groupname;

Mohaimin Moin · Accepted Answer · 2016-03-23 11:33:38Z

0

<input type="text" name="groupname" ng-model="name">

Then in controller :

app.controller('get_group_name', function($scope, $http) {
   $http.get(site_url + 'admin/Usergroup_controller/get_available_user/1')
  .then(function (response) {
              $scope.names = response.data.records; 
              $scope.name = response.data.name;
});

answered Mar 23, 2016 at 11:33

Mohaimin Moin

8411 gold badge11 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to display single database entry in angularjs

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related