Ionic 我的按钮不显示标题文本我该如何解决？

Question

我正在使用 ngx-translate 做一个登录表单，所有组件似乎都能正确翻译。问题是当提交按钮不显示其翻译文本时。当它的硬编码工作时，或者当你点击他时，它也可以工作。有人知道这是错误还是我遗漏了什么？

HTML代码：

<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: [
CommonModule,
IonicModule,
RouterModule,
TranslateModule,
ReactiveFormsModule
]

Answer 1

您必须使用构建器初始化表单组，例如：

constructor(private modalController: ModalController, private formBuilder: FormBuilder) { }

ngOnInit() {
this.credentials = this.formBuilder.group({
  email: ['', [Validators.required, Validators.email]],
  password: ['', [Validators.required, Validators.minLength(6)]]
})
}

如果您不这样做，您一定是在控制台中出现了一些错误，翻译服务将无法按预期工作。

Ionic 我的按钮不显示标题文本我该如何解决？

Ionic my button does not show title text how can I solve it?

html

css

angular

ionic-framework

ionic6