在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的值为'help'时，我希望得到以下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>