Adding Leaflet-image to Leaflet-angular-directive

gistfile1.js

L_PREFER_CANVAS = true;

leafletData.getMap().then(function(map) {

          leafletImage(map, function(err, canvas) {
            var img = document.createElement('img');
            var dimensions = map.getSize();
            img.width = dimensions.x;
            img.height = dimensions.y;
            img.src = canvas.toDataURL();

            var data = {
              map: img.src,
              period: $scope.period.value,
              map_width: img.width,
              map_height: img.height
              // Here you can add this image to any element you want, or send it to the server for saving.
            };
   });
});