mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +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
38 lines
967 B
HTML
38 lines
967 B
HTML
<ion-header>
|
|
|
|
<ion-navbar>
|
|
<ion-title>Modals</ion-title>
|
|
</ion-navbar>
|
|
|
|
</ion-header>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<div padding>
|
|
<button ion-button block (click)="openBasicModal()">Open Basic Modal</button>
|
|
</div>
|
|
|
|
<ion-list no-margin>
|
|
<ion-list-header>
|
|
Enter Parameters to Pass to the Modal
|
|
</ion-list-header>
|
|
<ion-item>
|
|
<ion-label>Parameters</ion-label>
|
|
<ion-select [(ngModel)]="myParam" multiple="true">
|
|
<ion-option value="nes">NES</ion-option>
|
|
<ion-option value="n64">Nintendo64</ion-option>
|
|
<ion-option value="ps">PlayStation</ion-option>
|
|
<ion-option value="genesis">Sega Genesis</ion-option>
|
|
<ion-option value="saturn">Sega Saturn</ion-option>
|
|
<ion-option value="snes">SNES</ion-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<div padding>
|
|
<button ion-button block danger (click)="openModalWithParams()">Open with Parameters</button>
|
|
</div>
|
|
|
|
</ion-content>
|