Ionicのヘッダーについている戻るボタンのテキストの設定方法について
参考サイト
javascript - How to change the label from back button in Ionic 2? - Stack Overflow
バージョン情報
- ionic-angular@3.9.2
- Angular@5.2.10
- Google Chrome バージョン: 60.0.3112.113
設定方法
戻るボタンのラベルについては、@NgModule
のimports: []
配列にIonicModule.forRoot(MyApp, { backButtonText: [追加したいテキスト文] })
を追加してあげることで、設定できます。
src/app/app.module.ts
:
@NgModule({ declarations: [MyApp, HomePage, TabsPage, DetailPage, CartPage], imports: [ BrowserModule, // add this! IonicModule.forRoot(MyApp, { backButtonText: "Backします" }), HttpClientModule, IonicStorageModule.forRoot() ],
上のコードでは、戻るボタンのラベルを、Backします
に設定しています。
動作確認
上記のコードをブラウザ上で動かしてみます。