Nativescript 5 + Angular : could not open modal
up vote
0
down vote
favorite
i did not change anything from the project that worked perfectly on pre-current version(4.X.X) , but after updating the tns cli and tns-core-modules and android runtime to the latest version (5.0 .0) i could not open the modals anymore i get this error:
JS: ERROR TypeError: Cannot set property 'showingModal' of undefined
im calling the modal using this statments:
const options: ModalDialogOptions =
viewContainerRef: this.vcRef,
context: data,
fullscreen: true
;
return this.modalService.showModal(SomeComponentName, options).then(
data =>
console.log(data),
error =>
console.log(error);
);
PS 1 : i'm call this function from tabview item (outlet component like the default one used here ) .
PS 2 : i have imported and injected everything as usually (the modal works in the previous versions) .
PS 3 : i'm currently producing this issue using Android 8 (Samsung S7)
PS 4 : i have filled a bug report on the official nativescript-angular reporsity
angular nativescript angular2-nativescript nativescript-angular
asked Nov 10 at 14:19
Hamza AlQabali
3115
add a comment |
up vote
0
down vote
favorite
i did not change anything from the project that worked perfectly on pre-current version(4.X.X) , but after updating the tns cli and tns-core-modules and android runtime to the latest version (5.0 .0) i could not open the modals anymore i get this error:
JS: ERROR TypeError: Cannot set property 'showingModal' of undefined
im calling the modal using this statments:
const options: ModalDialogOptions =
viewContainerRef: this.vcRef,
context: data,
fullscreen: true
;
return this.modalService.showModal(SomeComponentName, options).then(
data =>
console.log(data),
error =>
console.log(error);
);
PS 1 : i'm call this function from tabview item (outlet component like the default one used here ) .
PS 2 : i have imported and injected everything as usually (the modal works in the previous versions) .
PS 3 : i'm currently producing this issue using Android 8 (Samsung S7)
PS 4 : i have filled a bug report on the official nativescript-angular reporsity
angular nativescript angular2-nativescript nativescript-angular
asked Nov 10 at 14:19
Hamza AlQabali
3115
Make sure yourviewContainerRefis a direct decedent ofpage-router-outlet.
– Manoj
Nov 10 at 16:45
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
i did not change anything from the project that worked perfectly on pre-current version(4.X.X) , but after updating the tns cli and tns-core-modules and android runtime to the latest version (5.0 .0) i could not open the modals anymore i get this error:
JS: ERROR TypeError: Cannot set property 'showingModal' of undefined
im calling the modal using this statments:
const options: ModalDialogOptions =
viewContainerRef: this.vcRef,
context: data,
fullscreen: true
;
return this.modalService.showModal(SomeComponentName, options).then(
data =>
console.log(data),
error =>
console.log(error);
);
PS 1 : i'm call this function from tabview item (outlet component like the default one used here ) .
PS 2 : i have imported and injected everything as usually (the modal works in the previous versions) .
PS 3 : i'm currently producing this issue using Android 8 (Samsung S7)
PS 4 : i have filled a bug report on the official nativescript-angular reporsity
angular nativescript angular2-nativescript nativescript-angular
asked Nov 10 at 14:19
Hamza AlQabali
3115
i did not change anything from the project that worked perfectly on pre-current version(4.X.X) , but after updating the tns cli and tns-core-modules and android runtime to the latest version (5.0 .0) i could not open the modals anymore i get this error:
JS: ERROR TypeError: Cannot set property 'showingModal' of undefined
im calling the modal using this statments:
const options: ModalDialogOptions =
viewContainerRef: this.vcRef,
context: data,
fullscreen: true
;
return this.modalService.showModal(SomeComponentName, options).then(
data =>
console.log(data),
error =>
console.log(error);
);
PS 1 : i'm call this function from tabview item (outlet component like the default one used here ) .
PS 2 : i have imported and injected everything as usually (the modal works in the previous versions) .
PS 3 : i'm currently producing this issue using Android 8 (Samsung S7)
PS 4 : i have filled a bug report on the official nativescript-angular reporsity
angular nativescript angular2-nativescript nativescript-angular
angular nativescript angular2-nativescript nativescript-angular
asked Nov 10 at 14:19
Hamza AlQabali
3115
asked Nov 10 at 14:19
Hamza AlQabali
3115
asked Nov 10 at 14:19
Hamza AlQabali
3115
asked Nov 10 at 14:19
Hamza AlQabali
3115
asked Nov 10 at 14:19
Hamza AlQabali
3115
3115
Make sure yourviewContainerRefis a direct decedent ofpage-router-outlet.
– Manoj
Nov 10 at 16:45
add a comment |
Make sure yourviewContainerRefis a direct decedent ofpage-router-outlet.
– Manoj
Nov 10 at 16:45
Make sure your
viewContainerRef is a direct decedent of page-router-outlet.– Manoj
Nov 10 at 16:45
Make sure your
viewContainerRef is a direct decedent of page-router-outlet.– Manoj
Nov 10 at 16:45
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53239856%2fnativescript-5-angular-could-not-open-modal%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Make sure your
viewContainerRefis a direct decedent ofpage-router-outlet.– Manoj
Nov 10 at 16:45