feat(select): get select component working with action sheet / popover

- adds markup for the select
- gets placeholder working properly
- adds select popover component
- renames option to select-option
- adds a function to get label text from item
This commit is contained in:
Brandy Carney
2017-08-18 17:11:43 -04:00
parent b6a0b10e76
commit 30708d1224
11 changed files with 568 additions and 421 deletions

View File

@ -10,6 +10,7 @@ A list of the breaking changes introduced in Ionic Angular v4.
- [Fixed Content](#fixed-content)
- [Icon](#icon)
- [Item](#item)
- [Option](#option)
- [Segment](#segment)
- [Toolbar](#toolbar)
@ -318,6 +319,36 @@ These have been renamed to the following:
</ion-item>
```
## Option
### Markup Changed
Select's option element should now be written as `<ion-select-option>`. This makes it more obvious that the element should only be used with a Select.
**Old Usage Example:**
```html
<ion-select>
<ion-option>Option 1</ion-option>
<ion-option>Option 2</ion-option>
<ion-option>Option 3</ion-option>
</ion-select>
```
**New Usage Example:**
```html
<ion-select>
<ion-select-option>Option 1</ion-select-option>
<ion-select-option>Option 2</ion-select-option>
<ion-select-option>Option 3</ion-select-option>
</ion-select>
```
### Class Changed
The class has been renamed from `Option` to `SelectOption` to keep it consistent with the element tag name.
## Segment
The markup hasn't changed for Segments, but now writing `<ion-segment-button>` will render a native button element inside of it.