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

Question

我有一个简单的角度应用程序，但模板正在增长。我想拆分它并使用该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但是当我切换到trueinclude 指令时不起作用。

注意：我使用的是 Angular-1.0.7

Answer 1

我无法重现此问题。看看这个加载两个不同模板的plunker 。（两者看起来很奇怪，因为它们是从其他 plunkers 偷来的模板以允许 xss）。

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