mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
e50dc31d93
# Conflicts: # README.md # package.json # src/components/action-sheet/action-sheet-component.ts # src/components/badge/badge.scss # src/components/card/card.ios.scss # src/components/card/card.md.scss # src/components/card/card.wp.scss # src/components/scroll/scroll.scss # src/components/scroll/scroll.ts # src/components/scroll/test/basic/main.html # src/components/slides/slides.scss # src/components/slides/swiper/swiper-effects.ts # src/components/slides/swiper/swiper-events.ts # src/components/slides/swiper/swiper-parallax.ts # src/components/slides/swiper/swiper.ts # src/components/toggle/test/toggle.spec.ts # src/components/toggle/toggle-gesture.ts # src/components/toggle/toggle.ios.scss # src/components/toggle/toggle.md.scss # src/components/toggle/toggle.ts # src/components/toggle/toggle.wp.scss # src/themes/ionic.mixins.scss
43 lines
1.7 KiB
Markdown
43 lines
1.7 KiB
Markdown
# Ionic Angular v4
|
||
|
||
Ionic components will be working toward embracing web components with the following goals:
|
||
|
||
- Users continue to use Angular to develop their apps and components
|
||
- No changes to the development and build time experience
|
||
- Minimal changes to the user’s markup
|
||
- Reduce build times
|
||
- Reduce startup times
|
||
- Ionic components are loaded asynchronously by default and without added configuration
|
||
|
||
For the most part, `ionic-angular` will continue to work the same way, using the same API as previous versions. However, the implementation of some of the less complex components, such as `ion-badge`, will use the standardized web component v1 spec, which ships today in a majority of browsers. Additionally, for browsers that do not support web components, polyfills are added on-demand, which is already built into `ionic-angular` v4.
|
||
|
||
We will continue to develop and support ionic-angular v3 in the master branch. Ultimately the differences between v3 and v4 are internal, but on the surface it's the same `ionic-angular` as v3. :beers:
|
||
|
||
|
||
### Changes
|
||
|
||
#### `ion-label` Required
|
||
|
||
Previously an `ion-label` would automatically get added to `ion-item` if one wasn't provided. Now an `ion-label` must always be added if the item is used to display text.
|
||
|
||
```
|
||
<ion-item>
|
||
<ion-label>Item's Text!</ion-label>
|
||
</ion-item>
|
||
```
|
||
|
||
|
||
### Testing
|
||
|
||
Update your `package.json` to match the following dependencies, remove the existing node_modules directory, and then run npm install:
|
||
|
||
```
|
||
"@ionic/app-scripts": "nightly"
|
||
"ionic-angular": "canary"
|
||
```
|
||
|
||
|
||
### Future Goals
|
||
|
||
As Ionic components migrate to the web component standard, a goal of ours is to have Ionic components easily work within all of the popular frameworks.
|