首页 > 其他 > 详细

ng-switch 指令

时间:2015-05-27 15:40:10      阅读:507      评论:0      收藏:0      [点我收藏+]
<!--标准用法-->
<div ng-switch on="showSecret">
    <div ng-switch-when="true">Secrect</div>
    <div ng-switch-default>Won‘t show you my Secrects!</div>
</div>
<!--灵巧用法-->
<li ng-repeat="crumb in crumbs.getAll()">
    <span class="divider">/</span>
    <ng-switch on="$last">
        <span ng-switch-when="true">{{crumb.name}}</span>
        <span ng-switch-default>
            <a href="{{crumb.path}}">{{crumb.name}}</a>
        </span>
    </ng-switch>
</li>
<!--ng-switch-when和-default必须作为属性,不能作为元素标签用-->
<!--例如下面这种写法是不行的!(已验证)-->
<ng-switch on="$last">
    <ng-switch-when="true">{{crumb.name}}</ng-switch-when>
        <ng-switch-default>
            <a href="{{crumb.path}}">{{crumb.name}}</a>
        </ng-switch-default>
</ng-switch>

 

ng-switch 指令

原文:http://www.cnblogs.com/Denny_Yang/p/4533297.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!