从指令控制器中的Promise更新范围变量

Question

I am a newbie to angular. I am trying to populate the map.markers array existing in a controller from a controller of a directive(from a promise inside it).. and having hard time figuring out. any help is appreciated

var locationController = function ($scope, $http, AppModesService, limitToFilter, uiGmapGoogleMapApi) { //
        var latestMasterYear = AppModesService.getLatestMasterYear();
        uiGmapGoogleMapApi.then(function (maps) { $scope.googleVersion = maps.version; });
        $scope.map = {
                center: {
                    latitude: 40.0000, 
                    longitude: -98.0000,
                },
                zoom: 7,
                bounds: {},
                markers : []
        };

Directive code:

     app.directive('referencePoints', function () {
            return {
                restrict: 'E',
                scope: {
                    routeID: '@routeID',
                    road: '=',
                    openStatus: '=',
                    markers: '='
                },
                template: "{{routeID}}<div ng-repeat='point in refResults'>{{point.RoadName}}</div>",
                controller: function ($scope, $http, AppModesService) {
                    $scope.refResults;
                    $scope.isItOpen = true;
                    $scope.refResults = $http.get(AppModesService.getRisApiUrlPrefix() + 'GetReferencePoints?routesID=' + $scope.road + '&limited=true').then(
                            function (response) {
                                $scope.refResults = response.data;
// This is where the problem starts .. Should I inject $scope.markers here or not?
                                $scope.generateMarkers(response.data, $scope.markers)
                                //return response.data;
                            });
                    var generateMarkers = function (data, markers) {
                        for (i = 0; i < data.length; i++) {
                            var record = data[i];
                            var marker = {
                                latitude: record.Lat,
                                longitude: record.Long,
                                title: record.RoadName,
                                id: record.ID
                            };
                            markers.push(marker);
                        }
                        return markers;
                    };
                    $scope.generateMarkers = function(data, scope){
                        generateMarkers(data, scope);
                    };
                    //$scope.refPoints = $scope.referencePoints(routeID);
                }
            }
        });

...

 <reference-points ng-if="isItOpen" markers="markers" road=road.id route-ID="{{road.text}}"/>

....

Another directive :

<ui-gmap-google-map center="map.center" zoom="map.zoom">
    <ui-gmap-markers models="map.markers" coords="'self'" icon="'icon'">

    </ui-gmap-markers>
</ui-gmap-google-map>

I am unable to populate the markers to the map from the directive controller. Please help

Answer 1

I changed the marker="marker" in the referencePoints Directive to marker="map.marker" and that fixed it. Thanks @Matho for your clue.