Utwórz dyrektywę AngularJS, która nie jest natychmiast wyświetlana?

Question

Mam prosty AngularJS directive with a templateUrl. Dyrektywa dotyczy etykiety narzędzi.

• Obecnie dołączam ukryty element. Jednak dyrektywa jest używana bardzo często, więc setki danych pojawiają się, a strona zwalnia aż do momentu, w którym staje się bezużyteczna.
• Chciałbym tylko załadować szablon i dołączyć elementy po kliknięciu myszką.

Reading the angular docs, there doesn't seem to be any way of making a directive delay rendering. Czy czegoś brakuje?

// Tooltip directive 
    return function(){ 
     return { 
        templateUrl: 'someTemplate.html', 
        replace: false, // Append our tooltip, rather than replace the element's contents. 
      link: function (scope, element, attrs) { 
       $element.on({ 
         mouseenter: function() { 
          // Would like to render, and set up bindings, here (my question) 
        }, 
         mouseleave: function() { 
          // Destroy rendered element here (simple stuff, not my question) 
        } 
       }); 
      } 
     } 
    } 

Answer 1

wierzę, masz zamiar trzeba wstrzyknąć usługę $compile zrobić coś podobnego wewnątrz callback:

templateMarkup = '<p> {{ property }} </p>'; 
$compile(templateMarkup)(scope); 

nie myślałem poprzez dokładne kroki, aby dopasować ten w twoim kodzie, ale daj mi znać, czy byłoby to pomocne.