Не срабатывает событие на кнопке

function addPlaceInMap(response) {
    for (var i = 0; i < response.places.length; i++) {
      var nameOfImage = $scope.getData[response.places[i].id_type - 1].marker_img;
      var typeOfPlace = $scope.getData[response.places[i].id_type - 1].name_type;
      var id_place = response.places[i].id_place;
      var iconPlace = new LeafIcon({iconUrl: "img/" + nameOfImage + ".png"});
      var marker = L.marker([response.places[i].coordinateX, response.places[i].coordinateY],
        {icon: iconPlace}).bindPopup("<b>"" + response.places[i].name_place + "",</b> " + typeOfPlace + "<br>" +
        response.places[i].address + "<br/>" + "<button class='getDirectionBtn' id=id_place>Получить направление</button>").openPopup().addTo(map);
      document.getElementById("id_place").addEventListener("click",getDirection);
      markers.addLayer(marker);
    }
    map.addLayer(markers);
  }
 
 
function getDirection() {
    window.lrmConfig = {};
 
    var routing = L.Routing.control(L.extend(window.lrmConfig, {
      waypoints: [
        L.latLng(53.6358603, 23.8450132),
        L.latLng(53.7115, 23.8489)
      ]
    })).addTo(map);
  }