码迷,mamicode.com
首页 > 其他好文 > 详细

ng-switch 指令

时间:2015-05-27 15:41:11      阅读:96      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!