mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 13:01:01 +08:00
36 lines
745 B
HTML
36 lines
745 B
HTML
<ion-navbar *navbar>
|
|
<ion-title>
|
|
Segment Swipeable under Navbar
|
|
</ion-title>
|
|
</ion-navbar>
|
|
<ion-toolbar>
|
|
<ion-segment [(ngModel)]="selectedSegment" (change)="onSegmentChanged($event)">
|
|
<ion-segment-button value="first">
|
|
First
|
|
</ion-segment-button>
|
|
<ion-segment-button value="second">
|
|
Second
|
|
</ion-segment-button>
|
|
<ion-segment-button value="third">
|
|
Third
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding>
|
|
|
|
<ion-slides (change)="onSlideChanged($event)" id="loopSlider">
|
|
<ion-slide *ngFor="#slide of slides">
|
|
<h1>{{ slide.title }}</h1>
|
|
</ion-slide>
|
|
</ion-slides>
|
|
|
|
</ion-content>
|
|
|
|
<style>
|
|
ion-scroll {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|