mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
chore(changelog): fix formatting, remove commits in wrong section
This commit is contained in:
307
CHANGELOG.md
307
CHANGELOG.md
@ -1,61 +1,46 @@
|
||||
<a name="2.0.0-rc.0"></a>
|
||||
# [2.0.0-rc.0](https://github.com/driftyco/ionic/compare/v2.0.0-beta.11...v2.0.0-rc.0) (2016-09-28)
|
||||
|
||||
RC0 requires changes to the structure of your app. To get started updating your app see the [upgrade steps](#steps-to-upgrade-to-rc0) section below.
|
||||
RC0 requires changes to the structure of your app. To get started updating your app see the [Steps to Upgrade](#steps-to-upgrade-to-rc0) below.
|
||||
|
||||
### New Features
|
||||
* Ionic 2 API finalized for `2.0.0` release
|
||||
* Angular 2.0.0 (final!)
|
||||
* ionViewCanEnter / CanLeave lifecycle events
|
||||
* FAB Button lists
|
||||
* Angular `2.0.0` final!
|
||||
* `ionViewCanEnter` / `ionViewCanLeave` lifecycle events
|
||||
* Floating Action Button (FAB) lists
|
||||
* Ahead of Time (AoT) compiler ready
|
||||
* Components can now individually set a mode, which means an app can mix and match iOS / Material Design / Windows Platform modes if that’s desired.
|
||||
* Components can now individually set a mode, which means an app can mix and match iOS / Material Design / Windows Platform modes if that’s desired
|
||||
* Typescript 2.0
|
||||
* @types support for third-party libraries
|
||||
* Move away from `gulp` to `@ionic/app-scripts`
|
||||
* Use Rollup for bundling instead of `browserify` or `webpack`
|
||||
* `@types` support for third-party libraries
|
||||
* Move away from `gulp` ([ionic-gulp-tasks](https://github.com/driftyco/ionic-gulp-tasks)) to `npm scripts` ([ionic-app-scripts](https://github.com/driftyco/ionic-app-scripts))
|
||||
* Use [Rollup](http://rollupjs.org) for bundling instead of `browserify` or `webpack`
|
||||
|
||||
|
||||
### BREAKING CHANGES
|
||||
|
||||
* Angular upgrade to [2.0.0](https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html)
|
||||
|
||||
* [Renamed Lifecycle events](#lifecycle-events-renamed).
|
||||
|
||||
* Storage has been removed from ionic-angular and into a separate module, @ionic/storage.
|
||||
Starters have been updated to add this, make sure to add it to your package.json if you’re using the storage system. See more [details here](#storage).
|
||||
|
||||
* Storage has been removed from `ionic-angular` and placed into a separate module, `@ionic/storage`. Starters have been updated to add this, make sure to add it to your `package.json` if you’re using the storage system. See more [details here](#storage).
|
||||
* Nav transitions are queued. For more info on what this means for you see [this section](#nav-transitions).
|
||||
|
||||
* Removed Tabs `preloadTabs` ability. This is no longer needed with the Ahead of Time (AoT) compiler.
|
||||
|
||||
* Icons in buttons require an attribute on the parent button in order to style them.
|
||||
|
||||
* Platform and mode CSS classes have been moved from the <body> element to the <ion-app> element.
|
||||
|
||||
* select: Select’s `alertOptions` input has been renamed to `selectOptions`. See more [details here](#select-changes).
|
||||
|
||||
* colors: Colors should be passed in the `color` input on components, not added
|
||||
individually as an attribute on the component. See more [details here](#component-colors).
|
||||
|
||||
* Select’s `alertOptions` input has been renamed to `selectOptions`. See more [details here](#select-changes).
|
||||
* Colors should be passed in the `color` input on components, not added individually as an attribute on the component. See more [details here](#component-colors).
|
||||
* buttons: `<button>` becomes `<button ion-button>`. See more [details here](#new-behavior-of-button) and [here](#new-behavior-of-icons-in-buttons).
|
||||
|
||||
* Head link tags for CSS files are no longer dynamically updated, but one CSS file is imported.
|
||||
(Future build processes will narrow down the CSS file further to only include what’s used). See more [details here](#update-css-link-tags).
|
||||
|
||||
* The `<scroll-content>` element, which is internal to `<ion-content>`, has been renamed to
|
||||
`<div class=”scroll-content”>` since it was neither a directive nor a web component.
|
||||
|
||||
* The `<scroll-content>` element, which is internal to `<ion-content>`, has been renamed to `<div class=”scroll-content”>` since it was neither a directive nor a web component.
|
||||
* `<ion-fixed>` has been removed, use `<div ion-fixed>` instead.
|
||||
* Sass: Changes to how Sass is imported. See more [details here](#sass-import).
|
||||
* Typings: We have stopped using the `typings` tool and have migrated to `npm @types`. See more [details here](#typings).
|
||||
|
||||
* scss: Changes to how sass/scss is imported. See more [details here](#sass-import).
|
||||
|
||||
* typings: We have stopped using the `typings` tool and have migrated to `npm @types`. See more [details here](#typings).
|
||||
|
||||
#### Lifecycle Events Renamed
|
||||
|
||||
Renamed `ionViewLoaded` to `ionViewDidLoad`
|
||||
Removed `ionViewDidUnload`
|
||||
Removed `fireOtherLifecycles` from ViewController
|
||||
* Renamed `ionViewLoaded` to `ionViewDidLoad`
|
||||
* Removed `ionViewDidUnload`
|
||||
* Removed `fireOtherLifecycles` from `ViewController`
|
||||
|
||||
|
||||
#### Nav Transitions
|
||||
|
||||
@ -66,10 +51,11 @@ navCtrl.push(Page1);
|
||||
navCtrl.push(Page2);
|
||||
```
|
||||
|
||||
Page1 will transition in, then immediately Page2 will transition in. There can never be two transitions happening at the same time.
|
||||
`Page1` will transition in, then immediately `Page2` will transition in. There can never be two transitions happening at the same time.
|
||||
|
||||
Page transition promises can now possibly reject the returned promises. Used mainly for `ionViewCanEnter` and `ionViewCanLeave`.
|
||||
|
||||
|
||||
#### Component Colors
|
||||
|
||||
Colors are no longer added directly to a component, they should instead be passed in the `color` attribute.
|
||||
@ -108,119 +94,116 @@ export class AboutPage {
|
||||
```
|
||||
|
||||
Components with this property:
|
||||
Badge
|
||||
Button
|
||||
Checkbox
|
||||
Chip
|
||||
FAB
|
||||
Icon
|
||||
Item (Item, Item Divider, List Header)
|
||||
Label
|
||||
Navbar
|
||||
Radio
|
||||
Searchbar
|
||||
Segment
|
||||
Spinner
|
||||
Tabs
|
||||
Toggle
|
||||
Toolbar
|
||||
Typography (headers, paragraphs, spans, etc.)
|
||||
- Badge
|
||||
- Button
|
||||
- Checkbox
|
||||
- Chip
|
||||
- FAB
|
||||
- Icon
|
||||
- Item (Item, Item Divider, List Header)
|
||||
- Label
|
||||
- Navbar
|
||||
- Radio
|
||||
- Searchbar
|
||||
- Segment
|
||||
- Spinner
|
||||
- Tabs
|
||||
- Toggle
|
||||
- Toolbar
|
||||
- Typography (headers, paragraphs, spans, etc.)
|
||||
|
||||
**Reason for this change:**
|
||||
It was difficult to dynamically add colors to components, especially if the name of the color attribute was unknown in the template.
|
||||
This change keeps the css flat since we aren’t chaining color attributes on components and instead we assign a class to the component which includes the color’s name.
|
||||
This allows you to easily toggle a component between multiple colors.
|
||||
Speeds up performance because we are no longer reading through all of the attributes to grab the color ones.
|
||||
- It was difficult to dynamically add colors to components, especially if the name of the color attribute was unknown in the template.
|
||||
- This change keeps the css flat since we aren’t chaining color attributes on components and instead we assign a class to the component which includes the color’s name.
|
||||
- This allows you to easily toggle a component between multiple colors.
|
||||
- Speeds up performance because we are no longer reading through all of the attributes to grab the color ones.
|
||||
|
||||
|
||||
#### Select Changes
|
||||
|
||||
Select’s `alertOptions` input has been renamed to `selectOptions`. It now allows you to pass options for either the alert or action-sheet
|
||||
interface. Refer to their documentation for the options each of them
|
||||
accept.
|
||||
Select’s `alertOptions` input has been renamed to `selectOptions`. It now allows you to pass options for either the alert or action-sheet interface. Refer to their documentation for the options each of them accept.
|
||||
|
||||
- [ActionSheet](http://ionicframework.com/docs/v2/api/components/action-sheet/ActionSheetController/#create)
|
||||
- [Alert](http://ionicframework.com/docs/v2/api/components/alert/AlertController/#create)
|
||||
|
||||
[ActionSheet](http://ionicframework.com/docs/v2/api/components/action-sheet/ActionSheetController/#create)
|
||||
[Alert](http://ionicframework.com/docs/v2/api/components/alert/AlertController/#create)
|
||||
|
||||
#### New Behavior of Button
|
||||
`<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
|
||||
|
||||
**Reason for this change:**
|
||||
It was difficult to have custom buttons since buttons automatically received the Ionic styles - the user can now take advantage of adding their own styling to a button if they want it to behave differently than the Ionic button.
|
||||
Keeping the `<a>` and `<button>` element and adding `ion-button` as an attribute gives us the ability to take advantage of the native functionality and built-in accessibility of native elements. If Ionic provided an <ion-button> we’d have to copy over all the possible attributes and events to the real nested button/link (type=submit, formnovalidate, value, autofocus, href, target, focus/blur, download, nofollow, ping, tel:86705309, etc). Additionally, ng2 does not have the “replace” directive where <ion-button> could be turned into <a ion-button>.
|
||||
Since `button` was already being used as an attribute to the `<a>` element, this is more consistent between the two.
|
||||
If a navPush or navPop directive is on an `<a ion-button>`, Ionic can automatically add the `href` attribute.
|
||||
[A few reasons why we didn’t create `<ion-button>`](https://www.youtube.com/watch?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g&v=CZGqnp06DnI)
|
||||
|
||||
|
||||
references #7467
|
||||
* button: - `<button>` becomes `<button ion-button>`
|
||||
- `<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
|
||||
- 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`
|
||||
|
||||
**Reason for this change:**
|
||||
- It was difficult to have custom buttons since buttons automatically received the Ionic styles. The user can now take advantage of adding their own styling to a button if they want it to behave differently than the Ionic button.
|
||||
Keeping the `<a>` and `<button>` element and adding `ion-button` as an attribute gives us the ability to take advantage of the native functionality and built-in accessibility of native elements. If Ionic provided an `<ion-button>` we’d have to copy over all the possible attributes and events to the real nested button/link (`type=submit`, `formnovalidate`, `value`, `autofocus`, `href`, `target`, `focus`/`blur`, `download`, `nofollow`, `ping`, etc). Additionally, Angular 2 does not have the “replace” directive where `<ion-button>` could be turned into `<a ion-button>`.
|
||||
- Since `button` was already being used as an attribute to the `<a>` element, this is more consistent between the two.
|
||||
- If a navPush or navPop directive is on an `<a ion-button>`, Ionic can automatically add the `href` attribute.
|
||||
- [A few reasons why we didn’t create `<ion-button>`](https://www.youtube.com/watch?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g&v=CZGqnp06DnI)
|
||||
|
||||
|
||||
#### New Behavior of Icons in Buttons
|
||||
|
||||
Icon only buttons
|
||||
```
|
||||
<button>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
1. Icon only buttons
|
||||
|
||||
becomes
|
||||
```
|
||||
<button>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
|
||||
```
|
||||
<button ion-button icon-only>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
Icon left of text in a button
|
||||
```
|
||||
<button>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
Rainy
|
||||
</button>
|
||||
```
|
||||
becomes
|
||||
|
||||
becomes
|
||||
```
|
||||
<button ion-button icon-only>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
|
||||
```
|
||||
<button ion-button icon-left>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
Rainy
|
||||
</button>
|
||||
```
|
||||
Icon right of text in a button
|
||||
```
|
||||
<button>
|
||||
Rainy
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
2. Icon left of text in a button
|
||||
|
||||
becomes
|
||||
```
|
||||
<button>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
Rainy
|
||||
</button>
|
||||
```
|
||||
|
||||
```
|
||||
<button ion-button icon-right>
|
||||
Rainy
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
Item option buttons - the `icon-left` attribute should still be added to the `<ion-item-options>` container and not the button itself.
|
||||
`menuToggle` buttons should not get the `icon-only` attribute
|
||||
becomes
|
||||
|
||||
```
|
||||
<button ion-button icon-left>
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
Rainy
|
||||
</button>
|
||||
```
|
||||
|
||||
3. Icon right of text in a button
|
||||
|
||||
```
|
||||
<button>
|
||||
Rainy
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
|
||||
becomes
|
||||
|
||||
```
|
||||
<button ion-button icon-right>
|
||||
Rainy
|
||||
<ion-icon name=”rainy”></ion-icon>
|
||||
</button>
|
||||
```
|
||||
|
||||
4. Item option buttons - the `icon-left` attribute should still be added to the `<ion-item-options>` container and not the button itself.
|
||||
5. `menuToggle` buttons should not get the `icon-only` attribute
|
||||
|
||||
**Reason for this change:**
|
||||
There was a noticeable performance decrease from us reading in each button to determine where icons were placed and how to style them. This change improves performance.
|
||||
This adds styling so that the buttons and icons will be padded a certain amount, but the user is free to leave these attributes off and style the components themselves.
|
||||
There was a noticeable performance decrease from us reading in each button to determine where icons were placed and how to style them. This change improves performance. This adds styling so that the buttons and icons will be padded a certain amount, but the user is free to leave these attributes off and style the components themselves.
|
||||
|
||||
|
||||
#### Update CSS Link Tags
|
||||
|
||||
@ -240,6 +223,8 @@ With:
|
||||
```
|
||||
<link href="build/main.css" rel="stylesheet">
|
||||
```
|
||||
|
||||
|
||||
#### Sass Import
|
||||
|
||||
The default configuration will be updated, but if your existing app is using Sass and importing Ionic Sass files directly you’ll need to update the `includePaths` of Node Sass.
|
||||
@ -254,10 +239,10 @@ Next, to include Ionic into your custom Sass file you’ll need to update the Io
|
||||
@import "ionic.theme.default";
|
||||
```
|
||||
|
||||
|
||||
#### Typings
|
||||
|
||||
Any type definitions for third party libraries that are included via the `typings` tool and are included in the the typings.json file should
|
||||
be updated to use `npm @types`. An example of how this looks is:
|
||||
Any type definitions for third party libraries that are included via the `typings` tool and are included in the the `typings.json` file should be updated to use `npm @types`. An example of how this looks is:
|
||||
|
||||
```
|
||||
npm install @types/lodash --save-dev --save-exact
|
||||
@ -265,6 +250,7 @@ npm install @types/lodash --save-dev --save-exact
|
||||
|
||||
Delete the `typings.json` file, and the `typings` directory.
|
||||
|
||||
|
||||
#### Storage
|
||||
|
||||
The storage utilities have been moved outside of the framework to a separate library called `@ionic/storage`.
|
||||
@ -309,10 +295,12 @@ export class MyAwesomePage {
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
#### Deployment Changes
|
||||
|
||||
`ionic-angular` package includes es5 code with es2015 module import/exports, `umd` modules, and pure `es2015` code. The `package.json` is set up using the `main` and `module` options to make this work seamlessly.
|
||||
|
||||
|
||||
### Steps to Upgrade to RC0
|
||||
|
||||
We are providing 2 ways to update your app with this release. The first way will guide you through creating a new Ionic 2 project and copying your project files to it. This is the easiest way to update your app in our opinion. The second way will step through how to update your existing project. There are a lot of steps involved with this way, and we recommend viewing our conference app for any clarification if you choose this way. This is it! We don’t plan on making any more major API changes after this version.
|
||||
@ -323,23 +311,23 @@ Note: For details on NgModules you can read the Angular docs on them [here](http
|
||||
|
||||
1. Install the latest Ionic CLI:
|
||||
|
||||
```
|
||||
npm install -g ionic
|
||||
```
|
||||
Note: if you have installed the beta cli you should run `npm uninstall -g ionic` first.
|
||||
```
|
||||
npm install -g ionic
|
||||
```
|
||||
|
||||
**Important:** if you have installed the `beta` cli you should run `npm uninstall -g ionic` first. You need version `2.1.0` for this release. Check your `cli` version by running `ionic -v` in the command line.
|
||||
|
||||
2. Create a new Ionic 2 RC0 app:
|
||||
|
||||
```
|
||||
ionic start --v2 myApp
|
||||
```
|
||||
```
|
||||
ionic start --v2 myApp
|
||||
```
|
||||
|
||||
3. Copy/paste all of your pages from `app/pages/` of your beta.11 app to `src/pages/`, providers from `app/providers` to `src/providers` pipes from `app/pipes` to `src/pipes` and any custom components to `src/components` in the new RC0 app.
|
||||
3. Copy/paste all of your pages from `app/pages/` of your `beta.11` app to `src/pages/`, providers from `app/providers` to `src/providers`, pipes from `app/pipes` to `src/pipes` and any custom components to `src/components` in the new RC0 app.
|
||||
|
||||
4. Modify all `templateUrl`'s to be relative to the `.ts` file. For example in `app.component.ts` the url should change from `build/app.html` to `app.html` and in a page referencing `about.html` from `build/pages/about/about.html` to `about.html`.
|
||||
|
||||
5. Import and add each of your pages to the `declarations` array and the `entryComponents` array in `src/app/app.module.ts.
|
||||
5. Import and add each of your pages to the `declarations` array and the `entryComponents` array in `src/app/app.module.ts`.
|
||||
|
||||
6. Import and add each of your custom components to the `declarations` array in `src/app/app.module.ts`.
|
||||
|
||||
@ -351,50 +339,52 @@ ionic start --v2 myApp
|
||||
|
||||
10. Change `<button />` to `<button ion-button />` according to [these instructions](#new-behavior-of-button).
|
||||
|
||||
11. Pass colors to the `color` attribute : `<button primary />` changes to `<button color=”primary” />`.
|
||||
11. Pass colors to the `color` attribute : `<button primary>` changes to `<button color=”primary”>`. See [component colors](#component-colors) above.
|
||||
|
||||
12. Move any Ionic config to the `IonicModule.forRoot(MyApp, {configObject})` in `app.module.ts` where its says `configObject`.
|
||||
12. Move any Ionic config to the `IonicModule.forRoot` in `app.module.ts`. For example, the config should go where it says `configObject` here: `IonicModule.forRoot(MyApp, {configObject})`.
|
||||
|
||||
13. Move any variables from the mode specific sass files in you're beta.11 app into the `app.variables` file under the mode heading in the new RC0 app.
|
||||
13. Move any variables from the mode specific sass files in your `beta.11` app into the `app.variables` file under the mode heading in the new RC0 app.
|
||||
|
||||
|
||||
#### Modifying your Existing Project
|
||||
|
||||
1. Install the latest Ionic CLI:
|
||||
```
|
||||
npm install -g ionic
|
||||
```
|
||||
Note: if you have installed the beta cli you should run `npm uninstall -g ionic` first.
|
||||
|
||||
2. Update package.json dependencies and devDependencies to match the [ionic2-app-base package.json](https://github.com/driftyco/ionic2-app-base/blob/master/package.json), then run `npm install` in your project folder.
|
||||
```
|
||||
npm install -g ionic
|
||||
```
|
||||
|
||||
3. Copy the npm scripts from the [ionic2-app-base package.json](https://github.com/driftyco/ionic2-app-base/blob/master/package.json) to your package.json.
|
||||
**Important:** if you have installed the `beta` cli you should run `npm uninstall -g ionic` first. You need version `2.1.0` for this release. Check your `cli` version by running `ionic -v` in the command line.
|
||||
|
||||
2. Update `package.json` dependencies and devDependencies to match the [ionic2-app-base package.json](https://github.com/driftyco/ionic2-app-base/blob/master/package.json#L15-L24), and then run `npm install` in your project folder.
|
||||
|
||||
3. Copy the `npm scripts` from the [ionic2-app-base package.json](https://github.com/driftyco/ionic2-app-base/blob/master/package.json#L6-L14) to your `package.json`.
|
||||
|
||||
4. Delete the `gulpfile.js`.
|
||||
|
||||
5. Rename folder `app` to `src`.
|
||||
5. Rename the `app` folder to `src`.
|
||||
|
||||
6. Create directory `app` inside of `src`.
|
||||
6. Create a new directory called `app` inside of `src`.
|
||||
|
||||
7. Move `app.html` and `app.ts` inside of `src/app`.
|
||||
7. Move the `app.html` and `app.ts` files inside of `src/app`.
|
||||
|
||||
8. Rename `app.ts` to `app.component.ts`.
|
||||
|
||||
9. Add `app.module.ts` file and copy content from [ionic2-starter-blank](https://github.com/driftyco/ionic2-starter-blank/blob/master/src/app/app.module.ts).
|
||||
9. Add an `app.module.ts` file and copy content from [ionic2-starter-blank](https://github.com/driftyco/ionic2-starter-blank/blob/master/src/app/app.module.ts).
|
||||
|
||||
10. Move any providers from `ionicBootstrap` in `app.component.ts` to the providers in `app.module.ts`. Make sure to copy imports too.
|
||||
10. Move any providers from `ionicBootstrap` in your `app.component.ts` file to the providers in `app.module.ts`. Make sure to copy imports, too.
|
||||
|
||||
11. Import and add any of your custom components to the `declarations` array in `src/app/app.module.ts`.
|
||||
|
||||
12. Move any Ionic config to the `IonicModule.forRoot(MyApp, {configObject})` in `app.module.ts` where it says `configObject`.
|
||||
12. Move any Ionic config to the `IonicModule.forRoot` in `app.module.ts`. For example, the config should go where it says `configObject` here: `IonicModule.forRoot(MyApp, {configObject})`.
|
||||
|
||||
13. Remove `ionicBootstrap` code from `app.component.ts`.
|
||||
13. Remove the `ionicBootstrap` code from `app.component.ts`.
|
||||
|
||||
14. Export the main app class in `app.component.ts` and then rename all uses of `MyApp` in `app.module.ts` to your main app class (or rename the export to `MyApp` in `app.component.ts`).
|
||||
|
||||
15. Fix any imports in `app.component.ts` to use the correct path. For example, `./pages` becomes `../pages`.
|
||||
|
||||
16. Modify `app.module.ts` to import your page specific classes. See `HomePage` for example. All pages should be included here.
|
||||
16. Modify `app.module.ts` to import your page specific classes. See `HomePage`, for example. All pages should be included here.
|
||||
|
||||
17. Fix any import paths in `app.module.ts`. For example, `./providers` becomes `../providers`.
|
||||
|
||||
@ -424,11 +414,11 @@ Note: if you have installed the beta cli you should run `npm uninstall -g ionic`
|
||||
|
||||
30. Change any uses of the `private` TypeScript keyword to `public`.
|
||||
|
||||
31. Change any Ionic buttons from `<button />` to `<button ion-button />`, see [docs]() above.
|
||||
31. Change any Ionic buttons from `<button />` to `<button ion-button />`. [See New Behavior of Button](#new-behavior-of-button).
|
||||
|
||||
32. Pass colors to the `color` attribute : `<button primary />` changes to `<button color=”primary” />`.
|
||||
32. Pass colors to the `color` attribute: `<button primary>` changes to `<button color=”primary”>`.
|
||||
|
||||
33. Add appropriate icon attributes, if the icon is on the left of the text in a button it should get `icon-left`, if the icon is on the right add `icon-right`, and if the button only has an icon in it, add the `icon-only` attribute to the button. [See New Behavior of Icons in Buttons]()
|
||||
33. Add appropriate icon attributes, if the icon is on the left of the text in a button it should get `icon-left`, if the icon is on the right add `icon-right`, and if the button only has an icon in it, add the `icon-only` attribute to the button. [See New Behavior of Icons in Buttons](#new-behavior-of-icons-in-buttons).
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
@ -436,10 +426,8 @@ Note: if you have installed the beta cli you should run `npm uninstall -g ionic`
|
||||
* **action-sheet:** add icon-left to the button if an icon exists ([a731528](https://github.com/driftyco/ionic/commit/a731528))
|
||||
* **animation:** prevent possible raf null errors ([0e8ebe5](https://github.com/driftyco/ionic/commit/0e8ebe5))
|
||||
* **app:** corrected paths to theme from app.scss ([001c1c9](https://github.com/driftyco/ionic/commit/001c1c9))
|
||||
* **changelog:** specify version of forms ([82852fb](https://github.com/driftyco/ionic/commit/82852fb))
|
||||
* **checkbox:** disabled toggle should not fire events or animate ([3324e32](https://github.com/driftyco/ionic/commit/3324e32))
|
||||
* **di:** update dependency injection and default configs ([7c05d0c](https://github.com/driftyco/ionic/commit/7c05d0c))
|
||||
* **docs:** get rid of reference to [@Page](https://github.com/Page) ([6fb848c](https://github.com/driftyco/ionic/commit/6fb848c))
|
||||
* **exports:** update module exports ([6784f5e](https://github.com/driftyco/ionic/commit/6784f5e))
|
||||
* **fab:** colors in speed dial buttons ([b70614b](https://github.com/driftyco/ionic/commit/b70614b))
|
||||
* **gestures:** fixes scroll issue with hammer config ([174efc1](https://github.com/driftyco/ionic/commit/174efc1)), closes [#6897](https://github.com/driftyco/ionic/issues/6897)
|
||||
@ -448,10 +436,9 @@ Note: if you have installed the beta cli you should run `npm uninstall -g ionic`
|
||||
* **item:** sliding item events are zone wrapped ([47491fb](https://github.com/driftyco/ionic/commit/47491fb)), closes [#7630](https://github.com/driftyco/ionic/issues/7630)
|
||||
* **item:** sliding item with icon-only buttons ([1d3d5a1](https://github.com/driftyco/ionic/commit/1d3d5a1))
|
||||
* **menu:** open/close race condition ([8585427](https://github.com/driftyco/ionic/commit/8585427)), closes [#7629](https://github.com/driftyco/ionic/issues/7629) [#8001](https://github.com/driftyco/ionic/issues/8001)
|
||||
* gulp validate passes successfully ([b750e46](https://github.com/driftyco/ionic/commit/b750e46))
|
||||
* **nav:** move null assignment of _onWillDismiss ([35193c4](https://github.com/driftyco/ionic/commit/35193c4))
|
||||
* **nav:** move null assignment of `_onWillDismiss` ([35193c4](https://github.com/driftyco/ionic/commit/35193c4))
|
||||
* **nav:** setRoot() and setPages() should not animate ([7012734](https://github.com/driftyco/ionic/commit/7012734))
|
||||
* **navigation:** move onWillDismiss and onDidDismiss, add unit tests ([e26c425](https://github.com/driftyco/ionic/commit/e26c425))
|
||||
* **nav:** move onWillDismiss and onDidDismiss, add unit tests ([e26c425](https://github.com/driftyco/ionic/commit/e26c425))
|
||||
* **platform:** fire platform ready on app init ([963e835](https://github.com/driftyco/ionic/commit/963e835))
|
||||
* **reorder:** adjust reorder icon style for iOS and MD ([f3bb2dc](https://github.com/driftyco/ionic/commit/f3bb2dc))
|
||||
* **templates:** add template tabs [#8207](https://github.com/driftyco/ionic/issues/8207) ([#8208](https://github.com/driftyco/ionic/issues/8208)) ([0f6ce28](https://github.com/driftyco/ionic/commit/0f6ce28))
|
||||
@ -471,7 +458,7 @@ Note: if you have installed the beta cli you should run `npm uninstall -g ionic`
|
||||
* **chips:** added Chip component ([421f637](https://github.com/driftyco/ionic/commit/421f637))
|
||||
* **chips:** finished Component ([0dece72](https://github.com/driftyco/ionic/commit/0dece72))
|
||||
* **fab:** update floating action buttons ([490a06d](https://github.com/driftyco/ionic/commit/490a06d))
|
||||
* **itemReorder:** animate reorder button ([1f78487](https://github.com/driftyco/ionic/commit/1f78487))
|
||||
* **reorder:** animate reorder button ([1f78487](https://github.com/driftyco/ionic/commit/1f78487))
|
||||
* **loading:** add ability to pass multiple classes to cssClass ([466dea3](https://github.com/driftyco/ionic/commit/466dea3))
|
||||
* **loading:** add setContent function ([c750847](https://github.com/driftyco/ionic/commit/c750847))
|
||||
* add polyfill task ([ce78194](https://github.com/driftyco/ionic/commit/ce78194))
|
||||
|
Reference in New Issue
Block a user