mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
46 lines
1.1 KiB
HTML
46 lines
1.1 KiB
HTML
<ion-content class="padding">
|
|
<form (^submit)="doSubmit($event)" [control-group]="form">
|
|
|
|
<ion-segment control="mapStyle">
|
|
<ion-segment-button value="standard" button>
|
|
Standard
|
|
</ion-segment-button>
|
|
<ion-segment-button value="hybrid" button>
|
|
Hybrid
|
|
</ion-segment-button>
|
|
<ion-segment-button value="sat" button>
|
|
Satellite
|
|
</ion-segment-button>
|
|
<!--
|
|
<button ion-button class="active" [segment-value]="standard">
|
|
Standard
|
|
</button>
|
|
|
|
<button ion-button [segment-value]="hybrid">
|
|
Hybrid
|
|
</button>
|
|
|
|
<button #sat ion-button [segment-value]="sat">
|
|
Satellite
|
|
</button>
|
|
-->
|
|
|
|
</ion-segment>
|
|
<button type="submit" button primary>Submit</button>
|
|
</form>
|
|
|
|
Map mode: <b>{{form.controls.mapStyle.value}}</b>
|
|
|
|
<div [switch]="form.controls.mapStyle.value">
|
|
<div *switch-when="'standard'">
|
|
<h2>Standard</h2>
|
|
</div>
|
|
<div *switch-when="'hybrid'">
|
|
<h2>Hybrid</h2>
|
|
</div>
|
|
<div *switch-when="'sat'">
|
|
<h2>Satellite!!</h2>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|