1

更新:在 plunkr 中制作了一个较小的 poc,以在没有整个应用程序的情况下显示问题。

看这里

问题:data-ng-switch适用于内联内容,但在通过data-ng-include.

作品

<div data-ng-switch="view">
    <div data-ng-switch-when="template1">content 1</div>
    <div data-ng-switch-when="template2">content 2</div>
</div>

不工作

<div data-ng-switch="view">
    <div data-ng-switch-when="template1" data-ng-include="'template1.html'"></div>
    <div data-ng-switch-when="template2" data-ng-include="'template2.html'"></div>
</div>
4

1 回答 1

4

我目前找到的最佳解决方案可以在plunkr中看到

您基本上不能ng-include在与 the 相同的 dom 级别上使用ng-switch。其他逻辑指令也是如此,例如ng-show ng-hide...

ng-include在元素的子节点上添加ng-switch-when作品:

<div data-ng-switch="view">
    <div data-ng-switch-when="template1">
        <div data-ng-include="'template1.html'"></div>
    </div>
    <div data-ng-switch-when="template2">
        <div data-ng-include="'template2.html'"></div>
    </div>
</div>

更新 应该在 .rc3 中修复!
这被确认为 angular rc2 版本中的一个错误(在这个 google group 讨论中确认)。
实际的 bugticket 可以在这里找到。

于 2013-09-09T16:53:15.077 回答