mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
81 lines
1.8 KiB
HTML
81 lines
1.8 KiB
HTML
<ion-navbar *navbar hide-back-button class="android-attr">
|
|
|
|
<ion-title>
|
|
Segment
|
|
</ion-title>
|
|
|
|
</ion-navbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<div padding>
|
|
<ion-segment [(ng-model)]="pet">
|
|
<ion-segment-button value="kittens">
|
|
Kittens
|
|
</ion-segment-button>
|
|
<ion-segment-button value="puppies">
|
|
Puppies
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
</div>
|
|
|
|
<div [ng-switch]="pet">
|
|
<ion-list *ng-switch-when="'puppies'">
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-puppy-1.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Ruby</h2>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-puppy-2.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Oscar</h2>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-puppy-4.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Zoey</h2>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-puppy-3.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Otto</h2>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list *ng-switch-when="'kittens'">
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-kitten-1.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Luna</h2>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-kitten-3.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Milo</h2>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-kitten-4.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Bandit</h2>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="img/thumbnail-kitten-2.jpg">
|
|
</ion-thumbnail>
|
|
<h2>Nala</h2>
|
|
</ion-item>
|
|
</ion-list>
|
|
</div>
|
|
|
|
|
|
</ion-content>
|