Question

我创建了一个angularjs元素指令，它输出一个textarea。我已将其嵌入到父视图中，并且在此元素的正下方，我添加了一段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规范定义的自闭元素对浏览器解析器来说非常特殊。你不能自己做，所以对于你的自定义元素你必须坚持非空元素

尝试：

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

修剪angularjs指令后的代码片段

1 个答案: