如何在 AngularJS 工厂中按值获取单个对象

Question

如何从航班数组中获取单个对象？我首先在一个视图中调用 getFlights() 函数，然后我想在转到特定航班的页面时在另一个视图中使用 getFlight(flightId)。

然而，当我调用 getFlight(flightId) 时，它不包含任何数据。

angular.module('myApp.factories', []).
    factory('flightFactory', function ($http) {

        var flights = {};

        return {
            getFlights: function () {
                return $http.get('app/data/flights.json').then(function (response) {
                    flights = response;
                    return flights;
                });
            },
            getFlight: function (id) {

                for (var i = 0; i < flights.length; i++) {
                    if (flights[i].flightId == id) {
                        return flights[i];
                    }
                }
                return null;
            }
        };

    });

这是我如何在第一个控制器中获取所有航班

flightFactory.getFlights().then(function(response) {
              $scope.flights = response.data;
});

这是我一直试图在第二个控制器中进行单次飞行的方法

$scope.singleflight = flightFactory.getFlight($routeParams.flightID);

这是JSON文件的内容

[
{
    "date": "2016-02-18T00:19:11-08:00",
    "numberOfSeats": 30,
    "totalPrice": 610,
    "flightId": "PR6674",
    "travelTime": 422,
    "destination": "South Sudan",
    "origin": "Copenhagen"
},
{
    "date": "2016-11-07T16:35:45-08:00",
    "numberOfSeats": 87,
    "totalPrice": 405,
    "flightId": "ZN4890",
    "travelTime": 196,
    "destination": "Rwanda",
    "origin": "Copenhagen"
},
{
    "date": "2016-07-11T18:05:32-07:00",
    "numberOfSeats": 36,
    "totalPrice": 646,
    "flightId": "AT1096",
    "travelTime": 399,
    "destination": "Equatorial Guinea",
    "origin": "Copenhagen"
}
]

非常感谢您的帮助！

Answer 1

angular.module('myApp.factories', []).factory('flightFactory', function ($http) {

    return {
        flights:{},
        getFlights: function () {
            return $http.get('app/data/flights.json').then(function (response) {
                this.flights = response;
                return this.flights;
            });
        },
        getFlight: function (id) {

            for (var i = 0; i < flights.length; i++) {
                if (this.flights[i].flightId == id) {
                    return this.flights[i];
                }
            }
            return null;
        }
    };

});

Answer 2

@Jeffery Yu 的作品，但是它暴露了 flights 数组。

angular.module('myApp.factories', []).
    factory('flightFactory', function ($http) {

        var flights = {};
        var _this = this;
        return {
            getFlights: function () {
                return $http.get('app/data/flights.json').then(function (response) {
                    _this.flights = response;
                    return _this.flights;
                });
            },
            getFlight: function (id) {
                var flights = _this.flights;
                for (var i = 0; i < flights.length; i++) {
                    if (flights[i].flightId == id) {
                        return flights[i];
                    }
                }
                return null;
            }
        };

    });

这将对用户隐藏航班数组（无法直接访问）。这就是@Anik Islam Abhi 所说的。

如何在 AngularJS 工厂中按值获取单个对象

How to get a single object by value in AngularJS Factory

json

factory

http-get

angularjs