mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
938864e8d0
BREAKING CHANGES: - `<button>` becomes `<button ion-button>` - `<a button>` becomes `<a ion-button>` - `<button ion-item>` does not get the `ion-button` attribute - Buttons inside of `<ion-item-options>` do get the `ion-button` attribute - Removed the `category` attribute, this should be passed in `ion-button` instead. - Button attributes added for icons in buttons: `icon-only`, `icon-left`, and `icon-right` closes #7466
29 lines
621 B
HTML
29 lines
621 B
HTML
<ion-header>
|
|
|
|
<ion-navbar>
|
|
<ion-title>Item Reorder</ion-title>
|
|
<ion-buttons end>
|
|
<button ion-button (click)="toggleEdit()">{{editButton}}</button>
|
|
</ion-buttons>
|
|
</ion-navbar>
|
|
|
|
</ion-header>
|
|
|
|
|
|
<ion-content fullscreen>
|
|
|
|
<ion-list class="chat-sliding-demo">
|
|
<ion-list-header>
|
|
Playlist
|
|
</ion-list-header>
|
|
|
|
<ion-item-group [reorder]="editing" (ionItemReorder)="reorderData($event)">
|
|
<ion-item *ngFor="let song of songs">
|
|
<h2>{{ song.title }}</h2>
|
|
<p>{{ song.band }} • {{ song.album }}</p>
|
|
</ion-item>
|
|
</ion-item-group>
|
|
</ion-list>
|
|
|
|
</ion-content>
|