Javascript 角度ng绑定显示'；对象而不是值

我有一个angular应用程序，可以从以下服务获取数据：

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

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;
        });
    });

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

我的控制器app.js如下：

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

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;
        });
    });

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

我在数据中得到的json对象如下所示：

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

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;
        });
    });

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

当我试图在文本框中显示这些值时，我不知道其中的值。相反，我得到一个

[object object]

。这就是我在html文档中调用ng绑定的方式：

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

学生ID

---

如何显示json对象中的值？

看看我制作的简化jsbin：

将您的输入更改为：

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

ng bind最终使输入看起来像这样：

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

554940

---

这不会使学生id显示在文本框中。ng model会的。

你能添加一个plunker或fiddle吗？当你使用ng bind时，你可以删除“{{”相同的东西，即使我删除了它们！似乎

profiledata

是一个数组？如果是这样，请尝试

profiledata[0]。学生id

。如果你想显示多个记录，使用“再次相同”是什么意思？请确保你正在清除缓存。另外，