Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Ionic v4] ion-router-outlet animated property binding #14913

Closed
fvaldes33 opened this issue Jul 28, 2018 · 1 comment

Comments

@fvaldes33
Copy link

commented Jul 28, 2018

Bug Report

Getting a binding error while trying to bind to the ion-router-outlet animated property.
The docs have it explained as a property and if I use a normal value it works fine but binding it to a variable does not. I was trying this to have no animation throughout my auth pages, login, register, etc but then once authenticated turn the animation on so the rest of the app animates page transitions.

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.0.1 (/Users/franco/.nvm/versions/node/v8.11.1/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.0
   @angular-devkit/core       : 0.7.0-rc.1
   @angular-devkit/schematics : 0.7.0-rc.1
   @angular/cli               : 6.0.8
   @ionic/ng-toolkit          : 1.0.0-rc.11
   @ionic/schematics-angular  : 1.0.0-rc.11

System:

   NodeJS : v8.11.1 (/Users/franco/.nvm/versions/node/v8.11.1/bin/node)
   npm    : 6.0.1
   OS     : macOS High Sierra

Describe the Bug
This works just as expected:
<ion-router-outlet main animated="false"></ion-router-outlet>

This does not...
<ion-router-outlet main [animated]="routesAnimated"></ion-router-outlet>

routesAnimated: boolean = false;

Error:

Uncaught Error: Template parse errors:
Can't bind to 'animated' since it isn't a known property of 'ion-router-outlet'.

@ionitron-bot ionitron-bot bot added the triage label Jul 28, 2018

@fvaldes33 fvaldes33 changed the title [Ionic 4] ion-router-outlet animated property binding [Ionic v4] ion-router-outlet animated property binding Jul 28, 2018

@manucorporat manucorporat added this to Backlog 🤖 in Ionic Core via automation Jul 28, 2018

@ionitron-bot ionitron-bot bot removed the triage label Jul 28, 2018

Ionic Core automation moved this from Backlog 🤖 to Done 🎉 Jul 28, 2018

@manucorporat manucorporat self-assigned this Jul 29, 2018

@ionitron-bot

This comment has been minimized.

Copy link

commented Sep 1, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 1, 2018

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
2 participants
You can’t perform that action at this time.