как назначить данные, полученные из почтового запроса, наблюдаемой?- IONIC3 - PullRequest
Новая
       35

как назначить данные, полученные из почтового запроса, наблюдаемой?- IONIC3

0 голосов
/ 13 ноября 2018

Привет, ребята, так что я создаю приложение IONIC 3 для доступа к API и выполнения запросов POST и GET. У меня проблема с подпиской данных, полученных из запроса POST, на переменную Observable. Моя цель кода - отправить запрос по почте и отобразить список продуктов из полученных данных. Ниже приведен мой код, однако я не могу подписать данные на наблюдаемые, как я делаю с запросом get: 

public products_detail: Observable<any>;

 this.httpClient.post("http://www.xxx.asia/app_test/detail_shop_meals.json", postData)
      this.products_detail.subscribe(data => {
          json_load = data.toString();
          this.meal_available = data;
          shop_name = document.getElementById("shop_name").innerHTML = data.shop_name;
          food_type = document.getElementById("food_type").innerHTML = data.shop_description;
          fee = document.getElementById("fee").innerHTML = "฿"+ data.price
          console.log('my data: ', data);
          console.log('look here:', data.detail_meals_popular[0].name)
          //return this.products_detail = json_load;
        }, error => {
          console.log(error);
        });

и HTML для отображения продуктов выглядит следующим образом: 

<h4>Most Popular</h4>
      <ul>
        <li ion-item *ngFor="let x of (products_detail | async)?.detail_meals_popular" (click)="item()">
          <div class="list_circle">
              <img src="assets/imgs/item2.png" alt="food">
          </div>
          <div class="list_circle_detail">
            <h5>{{ x.name }}</h5>
            <p>{{ x.description }}</p>
            <strong>฿ {{ x.price }}</strong>
            </div>
            <div class="clear"></div>
        </li>
      </ul>

я хотел бы использовать наблюдаемую переменную для перечисления продуктов в моем html, заранее благодарю за помощь, ребята: -)

...