mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
chore(changelog): updates for alpha.53
This commit is contained in:
183
CHANGELOG.md
183
CHANGELOG.md
@ -1,5 +1,182 @@
|
|||||||
|
<a name="2.0.0-alpha.53"></a>
|
||||||
|
# 2.0.0-alpha.53 (2016-01-27)
|
||||||
|
|
||||||
|
### Features
|
||||||
|
|
||||||
|
* Normalize how `ion-item` and inner inputs/avatars/icons/etc are written
|
||||||
|
* Only one type of `ion-item`, rather than every input also having a similar structure
|
||||||
|
* Multiple inputs can be placed inside of an `ion-item`
|
||||||
|
* Allow avatars/thumbnails/icons next to checkbox/radio/toggle/select/input
|
||||||
|
* Inputs can be stand-alone components, and not required within an `ion-item`
|
||||||
|
|
||||||
|
|
||||||
|
### Breaking Changes
|
||||||
|
|
||||||
|
* Inputs are now placed inside of `ion-item`
|
||||||
|
* Inputs do not come with their own label
|
||||||
|
* `ion-item-content` has been replaced with `ion-label`
|
||||||
|
* Native HTML `<input>` and `<textarea>` should not be used in items, but instead `<ion-input>` and `<ion-textarea>`
|
||||||
|
|
||||||
|
|
||||||
|
##### Text Input Refactor
|
||||||
|
|
||||||
|
Was:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-input>
|
||||||
|
<ion-label>Email</ion-label>
|
||||||
|
<input type="email">
|
||||||
|
</ion-input>
|
||||||
|
|
||||||
|
<ion-input>
|
||||||
|
<ion-label>Comments</ion-label>
|
||||||
|
<textarea></textarea>
|
||||||
|
</ion-input>
|
||||||
|
```
|
||||||
|
|
||||||
|
Now:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>Email</ion-label>
|
||||||
|
<ion-input type="email"></ion-input>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>Comments</ion-label>
|
||||||
|
<ion-textarea></ion-textarea>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
##### Checkbox Refactor
|
||||||
|
|
||||||
|
Was:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-checkbox [(ngModel)]="data">
|
||||||
|
My Checkbox
|
||||||
|
</ion-checkbox>
|
||||||
|
```
|
||||||
|
|
||||||
|
Now:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>My Checkbox</ion-label>
|
||||||
|
<ion-checkbox [(ngModel)]="data"></ion-checkbox>
|
||||||
|
</ion-item>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
##### Radio Button Refactor
|
||||||
|
|
||||||
|
Was:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-list radio-group [(ngModel)]="data">
|
||||||
|
|
||||||
|
<ion-list-header>
|
||||||
|
Auto Manufacturers
|
||||||
|
</ion-list-header>
|
||||||
|
|
||||||
|
<ion-radio value="cord">
|
||||||
|
Cord
|
||||||
|
</ion-radio>
|
||||||
|
|
||||||
|
<ion-radio value="duesenberg" checked="true">
|
||||||
|
Duesenberg
|
||||||
|
</ion-radio>
|
||||||
|
|
||||||
|
<ion-radio value="hudson">
|
||||||
|
Hudson
|
||||||
|
</ion-radio>
|
||||||
|
|
||||||
|
</ion-list>
|
||||||
|
```
|
||||||
|
|
||||||
|
Now:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-list radio-group [(ngModel)]="data">
|
||||||
|
|
||||||
|
<ion-list-header>
|
||||||
|
Auto Manufacturers
|
||||||
|
</ion-list-header>
|
||||||
|
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>Cord</ion-label>
|
||||||
|
<ion-radio value="cord"></ion-radio>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>Duesenberg</ion-label>
|
||||||
|
<ion-radio value="duesenberg" checked="true"></ion-radio>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>Hudson</ion-label>
|
||||||
|
<ion-radio value="hudson"></ion-radio>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
</ion-list>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
##### Select Refactor
|
||||||
|
|
||||||
|
Was:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-select [(ngModel)]="gender">
|
||||||
|
<ion-label>Gender</ion-label>
|
||||||
|
<ion-option value="f" checked="true">Female</ion-option>
|
||||||
|
<ion-option value="m">Male</ion-option>
|
||||||
|
</ion-select>
|
||||||
|
```
|
||||||
|
|
||||||
|
Now:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>Gender</ion-label>
|
||||||
|
<ion-select [(ngModel)]="gender">
|
||||||
|
<ion-option value="f" checked="true">Female</ion-option>
|
||||||
|
<ion-option value="m">Male</ion-option>
|
||||||
|
</ion-select>
|
||||||
|
<ion-item>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
##### Toggle Refactor
|
||||||
|
|
||||||
|
Was:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-toggle [(ngModel)]="data">
|
||||||
|
My Toggle
|
||||||
|
</ion-toggle>
|
||||||
|
```
|
||||||
|
|
||||||
|
Now:
|
||||||
|
|
||||||
|
```
|
||||||
|
<ion-item>
|
||||||
|
<ion-label>My Toggle</ion-label>
|
||||||
|
<ion-toggle [(ngModel)]="data"></ion-toggle>
|
||||||
|
</ion-item>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
<a name="2.0.0-alpha.52"></a>
|
||||||
|
# 2.0.0-alpha.52 (2016-01-25)
|
||||||
|
|
||||||
|
- Bug fixes
|
||||||
|
|
||||||
|
|
||||||
<a name="2.0.0-alpha.51"></a>
|
<a name="2.0.0-alpha.51"></a>
|
||||||
# 2.0.0-alpha.51 (2016-1-21)
|
# 2.0.0-alpha.51 (2016-01-21)
|
||||||
|
|
||||||
### Breaking Changes
|
### Breaking Changes
|
||||||
|
|
||||||
@ -37,7 +214,7 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
<a name="2.0.0-alpha.48"></a>
|
<a name="2.0.0-alpha.48"></a>
|
||||||
# 2.0.0-alpha.48 (2016-1-7)
|
# 2.0.0-alpha.48 (2016-01-07)
|
||||||
|
|
||||||
### Breaking Changes
|
### Breaking Changes
|
||||||
|
|
||||||
@ -60,7 +237,7 @@ Now:
|
|||||||
|
|
||||||
|
|
||||||
<a name="2.0.0-alpha.47"></a>
|
<a name="2.0.0-alpha.47"></a>
|
||||||
# 2.0.0-alpha.47 (2016-1-4)
|
# 2.0.0-alpha.47 (2016-01-04)
|
||||||
|
|
||||||
### Breaking Changes
|
### Breaking Changes
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user