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

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:

<ion-tab-bar [slot]=“tabSlotPosition”> 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: <ion-tab-bar slot="top">

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 (cordova-lib@9.0.1) 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

[jsandler18]

+1 I am also experiencing this issue.

[Abrarss]

still facing the same issue