Call legend AFTER layers are done loading about angular-esri-map HOT 5 CLOSED

I got this working by making the following changes:

In esriLegend.js I modified the watch method to be as follows:

scope.$watchCollection(function () { return mapController.getLayerInfos(); }, function (newValue, oldValue, scope) {
                              legend.refresh(newValue);
                          });

In esriMap.js I modified the "addLayerInfo" and "getLayerInfos" calls to use a scope variable instead of "this".

this.addLayerInfo = function (lyrInfo) {
                    return self.getMap().then(function (map) {
                        if (!$scope.layerInfos) {
                            $scope.layerInfos = [lyrInfo];
                        } else {
                            $scope.layerInfos.push(lyrInfo);
                        }
                        return $scope.layerInfos;
                    });
                };
                this.getLayerInfos = function () {
                    return $scope.layerInfos;
                };

Now it is watching the layerInfos object for changes and updating the legend appropriately. I'm not sure if this is the "right" way to do it or not. But it works.

from angular-esri-map.

@Kollibri

Would you be willing to make a pull request of your changes so that it is easier for me to review the code.

from angular-esri-map.

Yes I am willing I'm just not very experienced with git so will have to spend a little time on that first. Will try to get this up to you within a few days.

from angular-esri-map.

#52 PR is made.

from angular-esri-map.

Added in #52

Thank you @Kollibri.

from angular-esri-map.