javascript - リーフレット マーカー アイコンのクリック イベントが機能しない

Question

ページを更新すると通常リーフレット マーカーの問題に直面していますが、マーカーはクリック可能ですが、別のページから来たときはマーカーをクリックできません。すべてのことを試しましたが、解決策が見つかりませんでした。

ジャバスクリプト:

angular.extend($scope, {
center: {
    lat: 51.505,
    lng: -0.09,
    zoom: 8
},
markers: {},

});

mapService.getLocation(function(location) {
    $scope.center = {
        lat: location.lat,
        lng: location.long,
        zoom: 12
    };
    $scope.$digest($scope.center);
    mapService.getMarkers(
        new google.maps.LatLng(location.lat, location.long),
        document.getElementById('map'), ['school'],
        function(results) {
            results.forEach(function(marker) {
                var __location = marker.geometry.location.toJSON();
                $scope.markers[marker.id] = {
                    lat: __location.lat,
                    lng: __location.lng,
                    message: marker.name,
                    focus: false
                }
            });
            $scope.$digest($scope.markers);
        }
    )
});

HTML:

<leaflet
width="100%"
markers="markers"
lf-center="center">

[注] Leaflet(ver: "0.7.7") と angular-leaflet-directive(version: "0.10.0") を使用しています。