Angular Leaflet Rechercher événement de contrôle

Question

J'ai une application AngularJS et j'essaie actuellement d'accéder à l'événement "search_expanded" du contrôle Leaflet Search mais sans avoir de chance.

Voici mon code:

angular.module('myApp', [ 'leaflet-directive' ]) 
     .controller('ShowMapCtrl', ["$scope", "leafletData", function ($scope, leafletData) { 
     // some code 
      leafletData.getMap().then(function(map) { 
         map.on('search_expanded', function(e){ 
          alert("search control expannded"); 
         }); 
        }); 

Answer 1

L'événement search_expanded, et tous les autres événements pris en charge par L.Control.Search sont tirés sur l'instance de contrôle effectif pas sur l'instance de carte comme vous pouvez le voir dans l'exemple suivant:

var controlSearch = new L.Control.Search({ 
    layer: new L.LayerGroup() 
}).on('search_expanded', function() { 
    console.log('search_expanded!') 
}).addTo(map); 

http://plnkr.co/edit/njeXYb4PfbaG3hppcgmO?p=preview

Answer 2

Tout d'abord, je voudrais essayer de jeter un peu de la gestion des exceptions là:

leafletData.getMap().then(function(map) { 
    map.on('search_expanded', function(e){ 
     alert("search control expannded"); 
    }, function(reason) { 
     alert('Failed: ' + reason); 
}); 

En outre, au lieu d'alerte, je préfère utiliser console.log() en particulier avec des applications angulaires.

leafletData.getMap().then(function(map) { 
    map.on('search_expanded', function(e){ 
     console.log("search control expannded"); 
    }, function(reason) { 
     console.log('Failed: ' + reason); 
}); 

Answer 3

Je suis venu avec une solution de contournement bâclée depuis la directive ne me permettra pas d'attraper les événements de contrôle de recherche.

var expanded = false; 

$scope.$on('leafletDirectiveMap.layeradd', function(){ 

    $('input.search-input').focus(function(){ 

     expanded = !expanded; 

     if(expanded) 
     { 
      console.log("search control expanded"); 
     } 

    }); 
});