title: Can't get Leaflet.Editable working in Ionic/Leaflet App
body: <p>Im building an app with ionic 1.0 and leaflet 0.7. I use a directive i have found in a plunker example (sadly i can't find the link anymore).</p>
  
  <pre><code>app.directive('leaflet', [
    function () {
      return {
        restrict: 'EA',
        replace: true,
        scope: {
          callback: "="
        },
        template: '&lt;div&gt;&lt;/div&gt;',
        link: function (scope, element, attributes) {
          scope.callback(L.map(element[0]),  {editable: true});
        }
      };
    }
  ]);
  </code></pre>
  
  <p>In the HTML view it looks like this:</p>
  
  <pre><code>&lt;leaflet height="100%" width="100%" callback="callback" id="map" &gt;&lt;/leaflet&gt;
  </code></pre>
  
  <p>So now i wanted to add this plugin called <a href="https://github.com/Leaflet/Leaflet.Editable/tree/leaflet0.7" rel="nofollow">Leaflet.Editable </a> but i can't get it working. </p>
  
  <p>I added it in the index.html like this: </p>
  
  <pre><code>&lt;script src="lib/Leaflet.Editable-leaflet0.7/src/Leaflet.Editable.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>As you can see in the directive, i added also {editable: true} to the map options. But when i call for example the method enableEdit like this: </p>
  
  <pre><code>var circle =  L.circle([center.lat, center.lng], radius, {
          color: color.color,
          fillColor: color.fillColor,
          opacity: 1,
          fillOpacity: circleServis.getOpancity(),
          clickable: true
        }).addTo(map);
  
        circle.enableEdit();
  </code></pre>
  
  <p>The circle is shown on the map but not editable and i got the error: TypeError: circle.enableEdit is not a function. 
  I really don't know what i have missed.</p>
  
  <p>Update 14.03.2016
  Found a working alterntive: 
  <a href="https://github.com/kartena/Leaflet.EditableHandlers" rel="nofollow">Leaflet.EditableHandlers</a>
  Because i only need editable Circle i only tested L.CicleEditor. </p>