https://ionicframework.com/jp/docs/api/loading
app/posts/posts.page.ts
import { LoadingController } from '@ionic/angular';
constructor に 以下のloadingController を追加
constructor(
private http: HttpClient,
public loadingController: LoadingController // この行を追加
) { }
以下を追加
async ionViewDidEnter(){
// define loading
const loading = await this.loadingController.create({
spinner: 'circular',
message: 'loading ...',
translucent: true,
});
// loading 表示
await loading.present();
// Make the HTTP request:
this.http.get('https://YOUR-SERVER.TLD/api/posts').subscribe(data => {
console.log(data);
loading.dismiss(); // これを追加(jsonデータ完了時に loading を非表示とする)
});
}