@@ -58,14 +58,15 @@ A list of the breaking changes introduced to each component in Ionic Angular v4.
58
58
59
59
## Action Sheet
60
60
61
- The ` title ` and ` subTitle ` properties has been renamed to ` header ` and ` subHeader ` respectively.
61
+ The ` title ` , ` subTitle ` and ` enableBackdropDismiss ` properties has been renamed to ` header ` , ` subHeader ` and ` backdropDismiss ` respectively.
62
62
63
63
** Old Usage Example:**
64
64
65
65
``` js
66
66
const actionSheet = await actionSheetCtrl .create ({
67
67
title: ' This is the title' ,
68
- subTitle: ' this is the sub title'
68
+ subTitle: ' this is the sub title' ,
69
+ enableBackdropDismiss: false
69
70
});
70
71
await actionSheet .present ();
71
72
```
@@ -75,22 +76,24 @@ await actionSheet.present();
75
76
``` js
76
77
const actionSheet = await actionSheetCtrl .create ({
77
78
header: ' This is the title' ,
78
- subHeader: ' this is the sub title'
79
+ subHeader: ' this is the sub title' ,
80
+ backdropDismiss: false
79
81
});
80
82
await actionSheet .present ();
81
83
```
82
84
83
85
84
86
## Alert
85
87
86
- The ` title ` and ` subTitle ` properties has been renamed to ` header ` and ` subHeader ` respectivelly.
88
+ The ` title ` , ` subTitle ` and ` enableBackdropDismiss ` properties has been renamed to ` header ` , ` subHeader ` and ` backdropDismiss ` respectivelly.
87
89
88
90
** Old Usage Example:**
89
91
90
92
``` js
91
93
const alert = await alertCtrl .create ({
92
94
title: ' This is the title' ,
93
- subTitle: ' this is the sub title'
95
+ subTitle: ' this is the sub title' ,
96
+ enableBackdropDismiss: false
94
97
});
95
98
await alert .present ();
96
99
```
@@ -100,7 +103,8 @@ await alert.present();
100
103
``` js
101
104
const alert = await alertCtrl .create ({
102
105
header: ' This is the title' ,
103
- subHeader: ' this is the sub title'
106
+ subHeader: ' this is the sub title' ,
107
+ backdropDismiss: false
104
108
});
105
109
await alert .present ();
106
110
```
@@ -815,6 +819,27 @@ Previously an `ion-label` would automatically get added to an `ion-list-header`
815
819
You should take advantage of these APIs in order to dismiss your loading overlay explicitally.
816
820
817
821
822
+ ## Menu
823
+
824
+ ### Prop renamed
825
+
826
+ The ` swipeEnabled ` prop has been renamed to ` swipeGesture ` .
827
+ The ` content ` prop has been renamed to ` contentId ` and it points to the DOM id of the content:
828
+
829
+ ** Old Usage Example:**
830
+
831
+ ``` html
832
+ <ion-menu swipeEnabled =" false" content =" nav" > </ion-menu >
833
+ <ion-nav #nav ></ion-nav >
834
+ ```
835
+
836
+ ** New Usage Example:**
837
+
838
+ ``` html
839
+ <ion-menu swipeGesture =" false" contentId =" nav" > </ion-menu >
840
+ <ion-nav id =" nav" ></ion-nav >
841
+ ```
842
+
818
843
## Menu Toggle
819
844
820
845
### Markup Changed
@@ -896,9 +921,12 @@ export class MyPage {
896
921
### Method renamed
897
922
898
923
The ` remove ` method has been renamed to ` removeIndex ` to avoid conflicts with HTML and be more descriptive as to what it does.
899
-
900
924
The ` getActiveChildNavs ` method has been renamed to ` getChildNavs ` .
901
925
926
+ ### Prop renamed
927
+
928
+ The ` swipeBackEnabled ` prop has been renamed to ` swipeGesture ` .
929
+
902
930
903
931
## Navbar
904
932
@@ -959,16 +987,21 @@ The class has been renamed from `Option` to `SelectOption` to keep it consistent
959
987
960
988
### Markup Changed
961
989
962
- Action Sheet, Alert, Loading, Modal, Popover, and Toast should now use ` async ` /` await ` :
990
+ Action Sheet, Alert, Loading, Modal, Popover, and Toast:
991
+ - Should now use ` async ` /` await `
992
+ - ` enableBackdropDismiss ` has been renamed to ` backdropDismiss ` .
993
+
994
+
963
995
964
996
** Old Usage Example:**
965
997
966
998
``` javascript
967
999
presentPopover (ev : any ) {
968
1000
const popover = this .popoverController .create ({
969
1001
component: PopoverComponent,
970
- ev: event ,
971
- translucent: true
1002
+ event : event ,
1003
+ translucent: true ,
1004
+ enableBackdropDismiss: false
972
1005
});
973
1006
popover .present ();
974
1007
}
@@ -981,7 +1014,8 @@ async presentPopover(ev: any) {
981
1014
const popover = await this .popoverController .create ({
982
1015
component: PopoverComponent,
983
1016
event : event ,
984
- translucent: true
1017
+ translucent: true ,
1018
+ backdropDismiss: false
985
1019
});
986
1020
return await popover .present ();
987
1021
}
0 commit comments