Ionic-framework: bug: ion-tab-bar slot not working with Angular binding

[soramister]

Bug Report

Ionic version:


[x] 4.5.0

Current behavior:

When assigning a variable to position the tab bar to top or bottom, the tab bar does not position correctly

Expected behavior:

For example, setting the slot position to top from a variable in a component, the tab bar should be on the top.

Steps to reproduce:

in the template and tabSlotPosition set to 'top' in the component.

Related code:

Other information:

If I set the value hard coded in the code, it works normally. For example:

Ionic info:

Ionic:

Ionic CLI : 5.4.1 (/Users/jeremie/.nvm/versions/node/v11.1.0/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.5.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 9.0.0 ([email protected])
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 14 other plugins)

Utility:

cordova-res : 0.3.0 (update available: 0.6.0)
native-run : 0.2.6 (update available: 0.2.8)

System:

Android SDK Tools : 26.1.1 (/Users/jeremie/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v11.1.0 (/Users/jeremie/.nvm/versions/node/v11.1.0/bin/node)
npm : 6.10.3
OS : macOS Mojave
Xcode : Xcode 11.0 Build version 11A420a

[Muji86]

Was there a solution to this?

[jsandler18]

+1 I am also experiencing this issue.

[phiamo]

same issue here

[razfriman]

Same

[arramanenka]

Same

[Ross-Rawlins]

Same