Angular ng-bind displaying 'object instead of value

Question

I have an angular app where i am getting data from a service as follows:

angular.module('jsonService', ['ngResource'])
    .factory('MyService',function($http) {
        return {
            getItems: function(profileid,callback) {
                $http.get('/api/myapp/'+profileid+'/').success(callback);
            }
        };
    });

My controller app.js is as follows:

var app = angular.module('myapp', ['ui.bootstrap', 'jsonService']);
    app.controller('mycontroller', function(MyService, $scope, $modal, $log, $http) {
        $scope.profileid=3619;

        MyService.getItems($scope.profileid,function(data){
            $scope.profiledata = data;
        });
    });

The json object i get in the data looks as follows:

[
    {
        "profile_id": 3619, 
        "student_id": "554940", 
        "first_name": "Samuel", 
        "last_name": "Haynes"
    }
]

When i am trying to display these values in a textbox, i do not the the value in it. Instead i get a [object Object] . This is how i am calling the ng-bind in the html doc:

<label for="sid">Student ID</label>
<input type="text" class="form-control" ng-model="profiledata" ng-bind="{{profiledata.student_id}}" />

How do i display the values from the json object?

It seems like profiledata is an array? if so try profiledata[0].student_id. If you want to display multiple records use ng-repeat — PSL
– PSL, Commented Aug 5, 2014 at 3:07
What does 'the same again' mean? Make sure you are clearing your cache. Also, developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Mike Cheel
– Mike Cheel, Commented Aug 5, 2014 at 3:11

Mike Cheel · Accepted Answer · 2014-08-05 03:24:54Z

1

Have a look at this simplified jsbin I made: http://jsbin.com/korufi/1/

Change your input to:

<input type="text" class="form-control" ng-model="profiledata[0].student_id" />

ng-bind ends up making the input look like this:

<input type="text" class="form-control">554940</input>

which will not make the student id show up in the textbox. ng-model will.

answered Aug 5, 2014 at 3:24

Mike Cheel

13.3k10 gold badges79 silver badges107 bronze badges

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

Collectives™ on Stack Overflow

Angular ng-bind displaying 'object instead of value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related