Вот мой Плункер:

http://plnkr.co/edit/oIei6gAU1Bxpo8VUIswt

Когда кнопка нажата, перед «Hello World!» Должно быть вставлено следующее. продолжительность:

<script type="text/ng-template" id="tempTest">
  <div>
    <span>Properly Inserted</span> 
  </div>
</script>

минус сценарий тегов, конечно.

Я достигаю этого, динамически вставляя следующий div:

<div ng-include="tempTest"></div> 

А потом его компилируем. Однако, если вы посмотрите на журнал, единственное, что осталось после компиляции, это:

<!-- ngInclude: tempTest --> 

Что здесь происходит? Почему моя вставка неправильно компилируется? логика следующая:

$scope.insert = function(){
    // Create elements //
    var container = angular.element('<div id="compiled-container"></div>');
    var element = angular.element('<div ng-include="tempTest"></div>');

    //Insert parent Container
    $('#greeting').before(container);

    // insert the element
    $animate.enter(element, container);

    // test insertion
    console.log("Before Compile: " +container.html() )

    $compile(element);

    //look again after compile
    console.log("After Compile:  " +container.html() )

};