I have been working on a login form using ngx-translate and all components are translating correctly except for the submit button. It seems that the translated text for the button does not display unless it is hardcoded or clicked on. I'm not sure if this is a bug or if there is something missing in my code. Can anyone help me figure this out?
Video: Click here
HTML Code:
<form (ngSubmit)="login()" [formGroup]="credentials" class="center">
<ion-item fill="outline" style="margin-top: 16px;">
<ion-label position="floating">{{ "email" | translate }}</ion-label>
<ion-input formControlName="email"></ion-input>
</ion-item>
<ion-item fill="outline" style="margin-top: 16px;">
<ion-label position="floating">{{ "password" | translate }}</ion-label>
<ion-input formControlName="password"></ion-input>
</ion-item>
<ion-button type="submit" expand="block" style="margin-top: 16px; height: 55px;">{{
"signin" | translate }}</ion-button>
</form>
.ts Imports:
imports: [
CommonModule,
IonicModule,
RouterModule,
TranslateModule,
ReactiveFormsModule
]