javascript - ng-include 不适用于 ng-show

Question

我有一个简单的 Angular 应用程序，但模板正在增长。我想拆分它并使用 ng-include 指令，但我无法正确包含它。

当前template.html

<div class="edit-object-form" ng-show="editable">
    <!-- ... -->
</div>
<div class="list-objects" ng-show="!editable">
    <!-- ... -->
</div

所需的template.html

<div class="edit-object-form" ng-show="editable">
    <div ng-include="/partials/edit_objet_form.html"></div
</div>
<div class="list-objects" ng-show="!editable">
    <!-- ... -->
</div

editable 的默认值为 false，但是当我切换到 true 时，include 指令不起作用。

注意:我使用的是 Angular-1.0.7

Answer 1

我无法重现此问题。看看这个plunker加载两个不同的模板。 (这两个看起来都很奇怪，因为它们是从其他骗子那里窃取的模板，以允许 xss)。

也许这个问题是由两个不完整的 div 结束标签引起的，即 。