search

tombatossals / angular-leaflet-directive

AngularJS directive to embed an interact with maps managed by Leaflet library
http://tombatossals.github.io/angular-leaflet-directive
MIT License
1.5k stars 635 forks source link

Open Graphic Chart D3.js in Popup Map #1001

Closed ivanssa closed 9 years ago

ivanssa commented 9 years ago

Hello I am trying to include statistics in a popup a map, I'm using a D3.js approach to angular http://krispo.github.io/angular-nvd3/ to create graphics, drawing svg is activated by calling html </ nvd3> however this only works outside the popup when I add the contents of the Leaflet popup it does not compile the graph, so I wonder if anyone can me to help? below is my attempt I commented the code map.js the chart works only when the popup is longer need to open it to activate dynamically only when you open the popup http://plnkr.co/edit/DXvTuieicvmyrlnaSRls?p=preview

nmccready commented 9 years ago

Looks like a popup compilation bug .

The code to this is here . This is kinda fragile code as it seems every-time someone mods it something else breaks. IE needs more specs.

nmccready commented 9 years ago

Possibly related #953 #866

ivanssa commented 9 years ago

I want to thank the collaboration, I tried to follow my approach to creating a more objective different way to solve the problem, because it really is not a bug, just the chart at d3 did not generate elements that were not in the Sun so it took envocar the $ compile because only the <d3 in the popup content not envocava the builder Graphical having already shot once, I had tried before with $ compile but had not noticed the [0] end in .setContent ($ compile (template) ($ scope) [0]);, after breaking his head finally managed to make it all work perfectly, follows the final code for those who need it, or check if everything is okay hugs ...

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