Блог

Главная - Вопросы по программированию - Угловая публикация и отображение в html

Угловая публикация и отображение в html

#html #angular #post

#HTML #угловая #Публикация

Вопрос:

Я хочу получить данные ИМЕНИ и показать html. МОЙ TS:

  this.httpClient.post<any>('http://localhost/test.php', {idd: this.idd},options)
    .subscribe((data) =>  {
      console.log(data);
      });

есть консоль.отображение журнала в инструменте.

 HttpResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://localhost/test.php", ok: true, …}
body: Array(2)
0: {ID: "1", NAME: "LLI", EMAIL: "wqriehjfeoghetiogjetlgj", INFO: "hello"}
1: {ID: "2", NAME: "WII", EMAIL: "moiiooofgijtigjw", INFO: "hiiii"}

Как получить значение идентификатора в HTML?
спасибо….

Ответ №1:

В .ts

 response: any;

this.httpClient.post<any>('http://localhost/test.php', {idd: this.idd},options)
    .subscribe((data) =>  {
     this.response = data.body;//TRY THIS
      });

В .html

 <div *ngFor="let item of this.respose">
  {{ item.ID}}
</div>

Комментарии:

1. отобразит ОШИБКУ Ошибка: не удается найти другой поддерживающий объект ‘[object Object]’ типа ‘object’. ngFor поддерживает привязку только к повторяющимся элементам, таким как массивы.

2. попробуйте проанализировать ваши данные, используя data = JSON.parse(данные);

3. Я исправил, попробуйте сейчас

Ответ №2:

Ваш ответ представляет собой массив, содержащий два набора записей, поэтому вам нужно пройти цикл, чтобы получить идентификатор каждого набора, как показано ниже :

  this.httpClient.post<any>('http://localhost/test.php', {idd: this.idd},options).subscribe((data) =>  {
            for(var i = 0;i<data.length;i  ){
              console.log(data[i].ID);
              console.log(data[i].NAME);
              console.log(data[i].EMAIL);
            }
 });