title: How to use Angular JS with Leaflet.js
body: <p>I am working on a dashboard using Node.JS/Leaflet.js. I started learning Angular js a few weeks ago. But I am at a medium step in my project. </p>
  
  <p>I am building an interactive map dashboard using:</p>
  
  <ul>
  <li>Node.JS/Express.js to process data on the backend</li>
  <li>Leaflet.js to do map visualization</li>
  <li>other libraries like d3.js.</li>
  </ul>
  
  <p>Now, I am trying to add widgets to my dashboard, where I click on points and fetch information related to each point from DB using Node.js.</p>
  
  <p>I'd like to simplify my problem and consider this example. 
  http:jsfiddle.net/8QHFe/128/</p>
  
  <p>When I hover my mouse on the shape, I get a chart related to every polygon/point on the map.</p>
  
  <p>I am confused!  My question is: </p>
  
  <ul>
  <li>Should I re-create the app to embed Leaflet into Angular Js code, like this example <a href="https://stackoverflow.com/questions/12967084/angularjs-with-leafletjs">link</a> or use  <a href="http://tombatossals.github.io/angular-leaflet-directive/#!/" rel="nofollow noreferrer">angular leaflet directive</a>. It read that it is not a stable library yet.</li>
  <li>Is it the best choice to use Angular.js in such scenarios?</li>
  </ul>