ゲームブックアプリを作りましょう

第10-2話 home.page.html

<ion-content [fullscreen]="true">

<ion-header collapse="condense">

<ion-toolbar>

<ion-title size="large">Blank</ion-title>

</ion-toolbar>

</ion-header>

<div id="container">

<!--Play画面-->

<div id="play_page">

<ion-card>

<ion-card-content>

<!--テキスト-->

<table class="clsPageTable textcolor_black td_left">

<tr>

<td class="td_right" id="playpage_top" colspan="2">

<ion-card-subtitle>{{PageLabel}}{{nowPage}}</ion-card-subtitle>

</td>

</tr>

<tr>

<td colspan="2">

<ion-card-title>{{DispPage['Title']}}</ion-card-title>

</td>

</tr>

<tr>

<td colspan="2">

<br>

</td>

</tr>

<tr>

<td colspan="2">

<br>

</td>

</tr>

<!--テキスト-->

<tr *ngFor="let eachrow of DispPage['Text'];">

<td colspan="2">{{eachrow}}<br>&nbsp;</td>

</tr>

<!--選択肢-->

<tr *ngFor="let eachrow_select of DispPage['Select']; index as i1">

<td>{{eachrow_select.Text}}<br>&nbsp;</td>

<td class="td_v_allign_top"><ion-button size="small" (click)="fnSetDispPage(eachrow_select.NextPage)">{{eachrow_select.BtnText}}</ion-button></td>

</tr>

</table>

</ion-card-content>

</ion-card>

</div>

</div>

</ion-content>