Код фрагмента после директивы angularjs обрезается

Question

Я создал директиву angularjs, которая выводит текстовое поле. Я встроил это в родительское представление и прямо под этим элементом, я добавил фрагмент html. По какой-то причине этот фрагмент не отображается. Любые идеи почему?

<div style="position: relative"> 
    <div>TEST:</div>    
    <ng-my-directive /> 
    <span>TEST2</span> 
</div> 

app.directive('ngMyDirective', function() { 
    return { 
     restrict : 'E', 
     templateUrl : 'mytemplate.html', 
     controller : 'MyController' 
    } 
}); 

<!-- my template --> 
<textarea rows="10"></textarea> 

<!-- rendered verson is missing span --> 
<div style="position: relative"> 
    <div>NOTES:</div>   
    <ng-my-template class="ng-isolate-scope"> 
     <textarea rows="10" class="ng-pristine ng-valid"></textarea> 
    </ng-my-template> 
</div> 

Answer 1

Самозакрывающиеся элементы, поскольку спецификация HTML определяет их, очень важны для анализатора браузера. Вы не можете сделать свой собственный, так и для пользовательских элементов, которые вы должны придерживаться Непустой элементов

Try с:

<div style="position: relative"> 
    <div>TEST:</div> 
    <ng-my-directive></ng-my-directive> 
    <span>TEST2</span> 
</div>