NaticeScript ngswitch指令 例子

<!-- 根据selectedTabview的值显示特定图片 -->

 

<GridLayout row="0" [ngSwitch]="selectedTabview" verticalAlignment="top" height="50" width="100%" rows="auto"

        columns="25,*,*,*" color="#FFFFFF">

        <GridLayout *ngSwitchCase="0" backgroundColor="#0077AF">

            <Image row="0" class="navIcon" [src]="selectedTabview==0?'~/assets/images/popular.png':''"></Image>

        </GridLayout>

        <GridLayout *ngSwitchCase="1" backgroundColor="#0077AF">

            <Image row="0" class="navIcon" [src]="selectedTabview==0?'~/assets/images/category.png':''"></Image>

        </GridLayout>

        <GridLayout *ngSwitchCase="2" backgroundColor="#FFFF66">

            <Image row="0" class="navIcon" [src]="selectedTabview==0?'~/assets/images/category1.png':''"></Image>

        </GridLayout>

        <GridLayout *ngSwitchDefault backgroundColor="gray">

            <Image row="0" class="navIcon" [src]="selectedTabview==0?'~/assets/images/popular1.png':''"></Image>

        </GridLayout>

    </GridLayout>