Как получить доступ к значению JSON из API WordPress Rest в ионном 3

Question

Я новичок в ионике.Я хочу получить доступ к определенному значению из WordPress Rest API.Я хочу получить доступ к этому значению из API.title: rendered: "04:00 PM – 07:00 PM"

.ts file

 viewTime(){

   let url = '';


    this.http.get(url, this.config.options)
    .map(res => res.json())
        .subscribe((response: any) => {
            console.log(response)
            console.log(response.title)

                            }, (err) => {
                            let alert = this.alertCtrl.create({
                            title: 'Error',
                            subTitle: 'Please check your credentials',
                            buttons: ['OK']
                                    });
                             alert.present();
                             });
                             }

Но console.log(response.title) дает неопределенное значение.

Пожалуйста, помогите мне решить проблему.

Answer 1

Чтобы правильно отобразить временной интервал, вы можете использовать что-то вроде этого:

 <p [innerHTML]="item.title.rendered"></p>

, как в приведенном выше примере, сделать что-то вроде этого:

let times: string[];
response.forEach(item => times.push(item.title.rendered);

Затем в HTML:

<ion-select [(ngModel)]="data.selectedTime" multiple>
  <ion-option *ngFor="#time of times" [value] = "time" [checked]="false">{{time}}   </ion-option>
</ion-select>

Answer 2

Кажется, что это массив, поэтому вам нужно перебрать коллекцию, чтобы получить доступ к каждому элементу массива.

this.http.get(url, this.config.options)
.map(res => res.json())
    .subscribe((response: any) => {
      this.items = response;
      response.forEach(item => console.log(item.title))
    });

Просмотр

<ion-item>
   <ion-label>Select Time</ion-label>
      <ion-select  interface ="popover">
        <div *ngFor="let item of items">
           <ion-option > {{item.title.rendered}}</ion-option>
        </div>
      </ion-select>
</ion-item>