title: Angular Leaflet Popup Click not Working?
body: <p>I have implemented @asymmetrik/ngx-leaflet in my angular 6 app and everything works fine except the popup. Its showing like in the picture after i have shown some markers in the map: <a href="https://i.stack.imgur.com/7rSKn.png" rel="nofollow noreferrer">marker popup</a></p>
  
  <p>I want to change the route when the user clicks in the button, but with the (click) event from angular its not triggerin the click event, i have implemented inline function javascript in onClick and its calling before i click on the popup as much as map have markers ! So its not working. Code is like this :</p>
  
  <pre><code>this.listOfStations.map(station =&gt; {
      if(Object.keys(station.location).length &gt; 0){
        this.markers.push(marker([station.location.coordinates[0],station.location.coordinates[1]],{
          icon: icon({
            iconSize: [ 25, 41 ],
            iconAnchor: [ 13, 41 ],
            iconUrl: 'assets/marker-icon.png',
            shadowUrl: 'assets/marker-shadow.png'
         })
        })
        .bindPopup(`
          &lt;div align='center'&gt;
            &lt;p style='font-size:18px;font-weight:bold'&gt;Station: ${station.stationCode}&lt;/p&gt;
            &lt;p style='font-size:14px;font-weight:italic'&gt;${station.description}&lt;/p&gt;
            &lt;a class='btn btn-xs btn-primary button-me' (click)="${this.consoleThis()}"&gt;View&lt;/a&gt;
          &lt;/div&gt;
        `)
        // .on('click', (e) =&gt; {
        //   this.zone.run(() =&gt; {
        //     this.router.navigate(['/dashboard/station/' + station.stationCode]);
        //   })
        // })
      )};
    });
  </code></pre>
  
  <p>Thanks.</p>