Question

我正在使用开关来有条件地包含不同的内容。我希望内部内容（例如welcome指令）替换父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>

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

1 个答案: