Can't load in angular templates in the marker message

[giblets2570]

Im trying to load one of our angular components into the message of the marker, but I'm getting the error

Cannot read property '_panAnim' of null.

and the message is blank. I have been using the tombatossals repo up until, and wanted to change over. My create marker is

addJobMarker(job){ let $job = this.$scope.$new() angular.extend($job,this.getJobMessageScope(job)); this.$scope.leaflet.markers[job._id] = { lat: job.pickup_address.lat, lng: job.pickup_address.lng, getMessageScope: function () { return $job; }, message: '<map-marker header="header" subheader="subheader" lines="lines" buttons="buttons"></map-marker>', icon: { iconUrl: 'assets/images/map-marker-icon.png', iconSize: [40, 40], // size of the icon iconAnchor: [20, 40], // point of the icon which will correspond to marker's location popupAnchor: [0, -35] // point from which the popup should open relative to the iconAnchor } } }

Has anyone seen this before?

[dfabreguette]

+1 got same problem using branch 1X / leaflet #~1.2.x Can we use directives in the popup message ?

[molekp]

+1 got same problem using "leaflet": "^1.3.4", "ui-leaflet": "^1.0.3",

Anyone has solution?