Angularjs 默认情况下加载第一个json对象-角度

我希望这是一个容易回答的问题

我试图创建一个表来加载我的json，然后能够单击一行并加载更多与json对象相关的细节。单击行时，它应在页面顶部加载其他详细信息。行单击部分工作正常。我遇到的问题是默认情况下加载初始对象

下面是我指的一个例子：

var myItemsApp = angular.module('myItemsApp', [ ]);

myItemsApp.factory('itemsFactory', ['$http', function($http){
    var itemsFactory = {
        itemDetails: function () {
            return $http({
                    url: "fake-phi.json",
                    method: "GET",

            }).then(function (response) {
                return response.data;
            });
        }
    };

    return itemsFactory;

}]);

myItemsApp.controller('ItemsController', ['$scope', 'itemsFactory',         
    function($scope, itemsFactory){
        var promise = itemsFactory.itemDetails();

        promise.then(function (data) {
            $scope.itemDetails = data;
            console.log(data);
        });

        $scope.select = function (item) {
            $scope.selected = item;
        }

}]);

我尝试在$scope.select之后添加此项，但出现错误：

$scope.selected = item[0];

默认情况下，如何获取json中要加载的第一个对象

---

提前感谢

在promise resolve函数中，将数组的第一项指定为选定值：

   promise.then(function (data) {
        $scope.itemDetails = data;
        $scope.selected = data[0];
        console.log(data);
   });

---

我以为我很接近！我感谢你的帮助@ManuelObregozo！谢谢

var myItemsApp = angular.module('myItemsApp', [ ]);

myItemsApp.factory('itemsFactory', ['$http', function($http){
    var itemsFactory = {
        itemDetails: function () {
            return $http({
                    url: "fake-phi.json",
                    method: "GET",

            }).then(function (response) {
                return response.data;
            });
        }
    };

    return itemsFactory;

}]);

myItemsApp.controller('ItemsController', ['$scope', 'itemsFactory',         
    function($scope, itemsFactory){
        var promise = itemsFactory.itemDetails();

        promise.then(function (data) {
            $scope.itemDetails = data;
            $scope.selected = data[0];

            console.log($scope.itemDetails);
            console.log($scope.selected);
        });

}]);