How to get data from url and display it to ionic Accordion List and list details page?

faq.page.ts

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

@Component({
  selector: 'app-home',
  templateUrl: 'faq.page.html',
  styleUrls: ['faq.page.scss'],
})
export class FaqPage {

searchTerm: string;
items = [
  {
    "title": "INTRO"
  },
  {
    "title": "OPERATIONS"
  },
  {
    "title": "AMENITIES"
  },
  {
    "title": "FORMS & REQUESTS"
  },
  {
    "title": "HEALTH & WELLNESS"
  },
  {
    "title": "LEASING HIGHLIGHTS"
  }
];


  constructor(private data: DataService) {}

  refresh(ev) {
    setTimeout(() => {
      ev.detail.complete();
    }, 3000);
  }

  getFaqdetailss(): Faqdetails[] {
    return this.data.getFaqdetailss();
  }

  autocomplete: { input: string; }; 

  updateSearchResults() {
     console.log(this.autocomplete.input)    //search input will display
  }

}

data. service.ts

import { Injectable } from '@angular/core';

export interface Faqdetails {
  fromName: string;
  
  id: number;
  read: boolean;
}

@Injectable({
  providedIn: 'root'
})
export class DataService {
  public faqdetailss: Faqdetails[] = [
    {
      fromName: 'One',
      
      id: 0,
      read: true
    },
    {
      fromName: 'Two',
      
      id: 1,
      read: true
    },
    {
      fromName: 'Three',
      
      id: 2,
      read: true
    },
    {
      fromName: 'Four',
      
      id: 3,
      read: true
    },
    {
      fromName: 'Five',
      
      id: 4,
      read: true
    },
    {
      fromName: 'Six',
      
      id: 5,
      read: true
    },
    
  ];

  constructor() { }

  public getFaqdetailss(): Faqdetails[] {
    return this.faqdetailss;
  }

  public getFaqdetailsById(id: number): Faqdetails {
    return this.faqdetailss[id];
  }
}

Here I put the JSON data and it’s working well. But I want to get the data from this URL

https://ask1place.com/custom/mobile_app/menu/faqs/faqs.asmx/GetFaqsLinks
But how can I do it? Please help.