angularjs - 在 Angular.js 中，是否可以将 ng-switch 指令元素替换为其内容？

Question

我正在使用开关有条件地包含不同的内容。我希望内部内容（例如欢迎指令）替换父 ng-switch 元素。我知道你可以通过使用 replace=true 配置属性的自定义指令来做到这一点，但这可能与内置指令（如 ng-switch）有关吗？

<div id="container">
    <ng-switch on="tabIndex">

        <welcome ng-switch-when="welcome"></welcome>

        <main ng-switch-when="main"></main>

        <help ng-switch-when="help"></help>

    </ng-switch>
</div>

例如，当 tabIndex 的值为“帮助”时，我希望生成以下 html：

<div id="container">

    <help><!-- contents of help template --></help>

</div>

Answer 1

您将始终需要那里的逻辑，但您不必使用元素进行切换。它和父级的属性一样有效：

<div id="container" ng-switch on="tabIndex">
    <welcome ng-switch-when="welcome"></welcome>
    <main ng-switch-when="main"></main>
    <help ng-switch-when="help"></help>
</div>