Получение данных PHP в интерфейсе ionic 3

Мы столкнулись с проблемой отображения данных в ionic 3, когда данные поступают из PHP REST.

Ниже мой угловой код для получения данных:

this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
    if (takecusinfo){
        this.storecusinfo = takecusinfo;
        console.info("store customer info", this.storecusinfo);
    }
})

Консольный вывод:

{0: "6", 1: "200", 2: "4"}

Я хочу, чтобы это отображалось в HTML ionic3. Пожалуйста, предложите мне.

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
0
88
4

Ответы 4

Сделав это, вы можете отобразить их в HTML, скажем, вы хотите отобразить их в ion-card.

  <ion-card>
    <ion-card-content>
      {{storecusinfo}}
    </ion-card-content>
  </ion-card>

Мне нужно что-то вроде этого значения {{storecusinfo.0}}, чтобы во внешнем интерфейсе отображалось только «6».

Akash M 13.03.2018 13:29

Вы можете превратить свой объект в массив, а затем отобразить его:

 this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {

            if (takecusinfo){
                for(let index in takecusinfo) { 
                  this.storecusinfo.push(object[index]); 
              }
                console.info("store customer info", this.storecusinfo);
            }
        })

в html

<ion-card>
    <ion-card-content>
      <p *ngFor = "let item of storecusinfo"> {{item}} </p>
    </ion-card-content>
  </ion-card>

В файле .ts

this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
    if (takecusinfo){
        this.storecusinfo = Object.keys(takecusinfo);
        console.info("store customer info", this.storecusinfo);
    }
})

В формате .html

  <ion-list margin-bottom>
    <ion-item *ngFor = "let key of storecusinfo">
    {{storecusinfo[key]}}
    </ion-item>
  </ion-list>

вы можете преобразовать этот объект в массив и перебрать его, используя метод значений или карту Iterator для большего контроля и проверки. он вернет массив значений.

 var obj = {0: "6", 1: "200", 2: "4"};

 // with mapping
 this.data =  Object.keys(obj).map(key => obj[key]);
 this.value =  Object.values(obj);
 // output : ["6", "200", "4"]

в HTML

 <ul>
      <li *ngFor='let val of values'>{{val}}</li>
 </ul>

Другие вопросы по теме