src\app\home\home.page.html の中身
※こちらは右も左もわからない状態から始めた、ほぼリアルタイムの記録です。
明らかな間違いも『記録』として放置しています。
一か月後に書き始めたまとめバージョンがありますので、これから始めようという方は、そちらの方がまだ良いと思います。
(勉強中ですので、こちらにも誤りが無いとは言いませんが）
https://ncode.syosetu.com/n7839ho/
ここから先は、追加変更したファイルの全ソース書いていきますね。(正直やっつけ仕事です)
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title>
<strong>スマホアプリに挑戦したい？</strong>
<p>Ionic で<a target="_blank" rel="noopener noreferrer" href="https://mypage.syosetu.com/971387/">ゲームブックアプリを作ってみよう</a></p>
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true">
<div id="container">
<p><strong>{{PageText1}}</strong></p>
<p>{{PageText2}}</p>
<p>{{PageText3}}</p>
<p>{{PageText4}}</p>
<p>{{PageText5}}</p>
<ion-list>
<ion-radio-group [(ngModel)] = "SelectPage">
<ion-item *ngIf=dispSelect1>
<ion-label>{{SelectText1}}</ion-label>
<ion-radio value="Select1" slot="start" id="SelectID1" name="SelectPage"></ion-radio>
</ion-item>
<ion-item *ngIf=dispSelect2>
<ion-label>{{SelectText2}}</ion-label>
<ion-radio value="Select2" slot="start" id="SelectID2" name="SelectPage"></ion-radio>
</ion-item>
<ion-item *ngIf=dispSelect3>
<ion-label>{{SelectText3}}</ion-label>
<ion-radio value="Select3" slot="start" id="SelectID3" name="SelectPage"></ion-radio>
</ion-item>
</ion-radio-group>
</ion-list>
<ion-button ion-button (click)="onClickNextPage()">次へ</ion-button>
</div>
</ion-content>
