https://localhost/posts/ → https://localhost/posts-show/123 への画面遷移を考えてみます。
ionic generate page posts-show
app/posts-show/posts-show-routing.module.ts
const routes: Routes = [
{
path: ':postId', // ● 引数を受ける変数を追加
component: PostsShowPage
}
];
app/posts/posts.page.html
<ion-button expand="block" routerLink="/posts-show/" routerDirection="forward">詳細ページ1</ion-button>
app/posts-show/posts-show.page.html
<ion-header>
<ion-toolbar>
// ● 追加 ↓
<ion-buttons slot="start">
<ion-back-button defaultHref="/posts"></ion-back-button>
</ion-buttons>
// ● 追加 ↑
<ion-title>posts-show</ion-title>
</ion-toolbar>
</ion-header>
デフォルトのリンク先(/posts)をつけておきます。
https://ionicframework.com/jp/docs/api/back-button