エミュレート成功！したので一旦、整理－４．ソースコード
整理３に使用した２つのファイルのソースコードです。
なお、"Page.json" は https://ncode.syosetu.com/n5283hn/15/ を参照してください。
※表示上のインデント効果を優先するため、半角スペース２つを全角スペース変換しています。
（"Page.json"も同様）
・src\app\home\home.page.html ← htmlに相当するファイル
------------------------------------------------------------------------------------
<ion-content [fullscreen]="true">
<div id="container">
<strong>{{PageText1}}</strong>
<ion-button (click)="onClickNextPage()">次へ</ion-button>
</div>
</ion-content>
------------------------------------------------------------------------------------
・src\app\home\home.page.ts ← 色々動かすファイル
------------------------------------------------------------------------------------
import { Component, setTestabilityGetter } from '@angular/core';
import PageData from 'src/app/MyData/Page.json';
import { Title } from '@angular/platform-browser';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
private _PageText1 : string;
public get PageText1() : string {
return this._PageText1;
}
public set PageText1(v : string) {
this._PageText1 = v;
}
constructor(private titleService: Title) {
this.setTitle(PageData["1"].Text1);
this.PageText1 = PageData["1"].Text1;
}
public setTitle(newTitle: string) {
this.titleService.setTitle(newTitle);
}
onClickNextPage(){
this.setTitle(PageData["2"].Text1);
this.PageText1 = PageData["2"].Text1;
}
}
------------------------------------------------------------------------------------
