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

发布时间：2020-12-17 08:04:28 所属栏目：安全来源：网络整理

导读：我想使用ng-switch，因为我不希望我不希望显示的其他元素成为DOM的一部分。这就是为什么我没有使用ng-hide / ng-show。在下面的示例中，我希望只在DOM中使用span标记而不使用ng-switch的div包装器。完成此任务的最佳方法是什么？ div ng-switch on="user" di

我想使用ng-switch，因为我不希望我不希望显示的其他元素成为DOM的一部分。这就是为什么我没有使用ng-hide / ng-show。在下面的示例中，我希望只在DOM中使用span标记而不使用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>

您可以将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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!