Ionic组件之Toggle，开关按钮

<ion-toggle color="danger" checked="true" value="sam"></ion-toggle>

效果图

直接上代码：

toggle.ts

import { Component } from '@angular/core';

@Component({
    templateUrl: 'toggle.html'
})
export class Toggle { }

toggle.html

<ion-header>
    <ion-navbar>
        <ion-title>
            Toggles
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <ion-list>
        <ion-list-header>
            Characters
        </ion-list-header>
        <ion-item>
            <ion-label>Sam</ion-label>
            <ion-toggle color="danger" checked="true" value="sam"></ion-toggle>
        </ion-item>
        <ion-item>
            <ion-label>Gollum</ion-label>
            <ion-toggle color="dark" checked="true"></ion-toggle>
        </ion-item>
    </ion-list>

</ion-content>