问TypeError:无法读取未定义的属性“”FuId“”

EN

$q.all({ a: funa('load'), b: funb('load') }).then(function (r) {
    console.log(r, r.a, r.b);
})
$q.all([ funa('load'),funb('load') ]).then(function (r) {
    console.log(r, r[0], r[1]);
})

function getDataRiskArea(id) {
    familydataService.getFamilysByRiskArea(id).then(function (result) {
        $scope.familysR = result;
        let unique = result;
        // Get family by FSU Id (FuId)
        $scope.getFamily(unique);
    }).finally(function () {
        console.log($scope.FamilyUnit);
    });
}
function getFamily(RiskRes) {
    let loop = RiskRes;
    var promises = [];
    for (var i = 0; i < loop.length; i++) {
        let callid = loop[i]['FuId'];
        var promise = familydataService.getFamilyByFuId(callid);
        promises.push(promise);
    }
    //here is by indexing
    $q.all(promises).then(data => {
        //Here Data is an array of results by its call 
        //So the loop order has the same results here 
        console.log('All promises have resolved', data);
        let res = [];
        for (var i = 0; i < loop.length; i++) {
            let obj = {
                Id: loop[i]['FuId'],
                FamilyUnitName: loop[i]['FamilyUnitName'],
                Families: data[i]
            };
            res.push(obj);
        }
        $scope.FamilyUnit = res;
    });
}

'Use Strict';

function run($rootScope) {}
angular.module('app', [
]).controller('familyRiskCtrl', function ($scope, familydataService, $q) {
    $scope.familysR = [], $scope.tempUniqueIds = [];
    $scope.currentPage = 1;
    $scope.itemsPerPage = 5;
    // Gets family by risk area
    function getDataRiskArea(id) {
        familydataService.getFamilysByRiskArea(id).then(function (result) {
            $scope.familysR = result;
            let unique = result;
            // Get family by FSU Id (FuId)
            $scope.getFamily(unique);
        }).finally(function () {
            // this will be undefined to present you that this is async too 
            // and initiallized at the end  of getFamily
            console.log('FamilyUnit:',$scope.FamilyUnit);
        });
    }
    function getFamily(RiskRes) {
        let loop = RiskRes;
        var promises = [];
        for (var i = 0; i < loop.length; i++) {
            let callid = loop[i]['FuId'];
            var promise = familydataService.getFamilyByFuId(callid);
            promises.push(promise);
        }
        $q.all(promises).then(data => {
            //Here Data is an array of results by its call 
            //So the loop order has the same results order here 
            //That represents that data[i] is a result of loop[i]['FuId'] call
            //console.log('All promises have resolved', data);
            let res = [];
            for (var i = 0; i < loop.length; i++) {
                let obj = {
                    Id: loop[i]['FuId'],
                    FamilyUnitName: loop[i]['FamilyUnitName'],
                    Families: data[i]
                };
                res.push(obj);
            }
            $scope.FamilyUnit = res;
        });
    }

    $scope.getDataRiskArea = getDataRiskArea;
    $scope.getFamily = getFamily;

    $scope.sortBy = function (column) {
        $scope.sortColumn = column;
        $scope.reverse = !$scope.reverse;
    };
})
    .factory('familydataService', function ($http, $q, $timeout) {
        var service = {};
        var familyRiskAreaResult = [
            { FuId: 3, Area: 1, FamilyUnitName: 'Smiths' },
            { FuId: 1, Area: 1, FamilyUnitName: 'Jacksons' },
            { FuId: 4, Area: 1, FamilyUnitName: 'Monkey Jacksons' },
            { FuId: 2, Area: 1, FamilyUnitName: 'Stevens' },
            { FuId: 5, Area: 1, FamilyUnitName: 'Not unique also 3' }
        ];
        var familyUnit =
            [
                { Id: 1, FamilyUnitName: 'jks', Families: ['MJ', 'Janet', 'Latoia'] },
                { Id: 1, FamilyUnitName: 'jks', Families: ['Jacksons B1', 'Jacksons B2', 'Jacksons B3'] },
                { Id: 1, FamilyUnitName: 'jks', Families: ['Rebi', 'Dyana'] },
                { Id: 2, FamilyUnitName: 'Stvs', Families: ['Steven Seagal', 'Steven Tyler'] },
                { Id: 2, FamilyUnitName: 'Stvns', Families: ['King', 'Wonder'] },
                { Id: 3, FamilyUnitName: 'Smths', Families: ['MR', 'MRS'] }
            ];
        // Gets the Family by Risk Area ID
        service.getFamilysByRiskArea = function (id) {
            var deferred = $q.defer();
            //$timeout(function () {
                deferred.resolve(familyRiskAreaResult.filter(f => f.Area === id));
            //}, 1000);
            return deferred.promise;
        };

        // Get family by FuID
        service.getFamilyByFuId = function (id) {
            var deferred = $q.defer();
            //$timeout(function () {
            let res = familyUnit.filter(f => f.Id === id);
            let r = res.map(i => i.Families);
                deferred.resolve(r);
            //}, id * 1000);
            return deferred.promise;
        };
        return service;
    }).run(["$rootScope", run])    ;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<body ng-app="app">
    <div ng-controller="familyRiskCtrl">
        <div>
            <div style="display:inline-flex;"ng-repeat="b in [1,2,3]">
                <button ng-click="getDataRiskArea(b)">
                    <strong>Call Area {{b}}</strong>
                </button>
            </div>
        </div>
        <div>
            <h4>Area Loaded $refid</h4>
            <ul>
                <li ng-repeat="fam in familysR">
                    FuId: <strong>{{fam.FuId}} - {{fam.FamilyUnitName}}</strong>
                </li>
            </ul>
         </div>
        <div>
            <h4>Results</h4>
            <div ng-repeat="fu in FamilyUnit">
                <h5>{{fu.Id}} - {{fu.FamilyUnitName}}</h5>
                <div>
                    <span ng-if="fu.Families.length === 0">---No Families---</span>
                    <ul ng-if="fu.Families.length >0">
                        <li ng-repeat="f in fu.Families">{{f}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>