title: visjs timeline disappears after angular route reload
body: <p>I have wrapped a visjs timeline into an angular directive. When I call <code>$route.reload()</code> in the outer controller the timeline disappears. After the page reload completes, the directive still has a reference to the original timeline object and the dom element does not appear to change. </p>
  
  <p>Does anyone know what could cause it to just disappear?</p>
  
  <p>I have created a plunkr but I don't know how to reload the route inside a plunker since that would change the url. </p>
  
  <p><a href="http://plnkr.co/edit/hwShQ2iYR7TOcILSBcEY?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/hwShQ2iYR7TOcILSBcEY?p=preview</a></p>
  
  <pre><code>function timelineViewer() {
  
    var timeline;
    return {
      restrict: 'E',
      replace: true,
      scope: {
        data: '='
      },
      controller: function($scope) {
        var items = new vis.DataSet();
        var container = document.getElementById('vis-timeline');
  
        var options = {
          height: 100,
          width: 600,
          zoomMin: 1000 * 60 * 2,
          zoomMax: 1000 * 60 * 20
        };
  
        items.clear();
        items.add($scope.data);
  
        timeline = new vis.Timeline(container, items, options);
  
        console.log('Reloading directive ...')
      },
      template: '&lt;div id="vis-timeline"&gt;&lt;/div&gt;'
    };
  }
  </code></pre>