在ionic App上显示来自JSON对象的html元素

{
  "title": "Ionic App",
  "description": "This is a sample Ionic app.",
  "content": "<h1>Welcome to my Ionic App!</h1><p>This is some sample content.</p>"
}

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private apiUrl = 'assets/data.json';

  constructor(private http: HttpClient) { }

  getData() {
    return this.http.get(this.apiUrl);
  }
}

import { Component } from '@angular/core';
import { DataService } from '../data.service';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  data: any;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getData().subscribe((response) => {
      this.data = response;
    });
  }
}

<ion-header>
  <ion-toolbar>
    <ion-title>
      {{ data.title }}
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div [innerHTML]="data.content"></div>
</ion-content>