AngularJS使用ng-switch而不使用包装器div

Question

我想使用ng-switch,因为我不希望我不希望显示的其他元素成为DOM的一部分.这就是我没有使用ng-hide/ng-show的原因.在下面的示例中,我希望只有span标签位于DOM中,而不使用ng-switch的div包装器.完成此任务的最佳方法是什么？

<div ng-switch on="user">
    <div ng-switch-when="true">
        <span>One</span>
    </div>
    <div ng-switch-when="false">
        <span>Two</span>
    </div>
</div>

Answer 1

您可以将ng-switch指令用作自定义元素,而不是首先指定div.例如:

<ng-switch on="user">
  <span ng-switch-when="true">One</span>
  <span ng-switch-default>Two</span>
</ng-switch>

这是一个可以玩的玩家:http://plnkr.co/edit/zni6raUWOguhQh9jDiY3