Вывести список данных, полученных от PHP, на ионную страницу - PullRequest
0 голосов
/ 04 июля 2019

Я успешно отправил запрос http.post в PHP и получил некоторые данные из базы данных MySQL в виде массива, содержащего несколько объектов.

Я могу отобразить данные в console.log моего браузера. Кроме того, auth.service.ts с http.post получает дату, и я храню ее в переменной - console.log подтверждает это.

Однако я не знаю, как показать эти данные через HTML-страницу. Я видел более старые версии угловых пользователей, делающих подобное на YouTube и т. Д., Но не могу перевести то, что они сделали, в мой проект.

Я не знаю с чего начать ...

AUTH.SERVICE.TS (this functions)

getCoursList(date) {
return this.http.post('http://localhost/Attendance App/myApp/src/app/api/getCours.php', {
  date,
}).subscribe(data => {
  console.log(Object.values(data));
  const planning = Object.values(data);
  const grabArray = planning[0];
  const id = grabArray.intervenant;
  if (id !== undefined) {
    // console.log('test array', id);
    this.router.navigate(['/cours/', id]);
  };
},

GETCOURS PHP FILE (this functions)

$stmt = $conn->prepare("SELECT * FROM planning WHERE intervenant = :id AND date = :date");
$stmt->execute([':id' => $id, ':date' => $date]);

if ($stmt->rowCount() > 0) {
    // $output = array();
    $output = $stmt->fetchAll();
    echo json_encode($output);
} else {
    $errors = "No data found for this date";
    echo json_encode($errors);
}

CONSOLE LOG DISPLAY OF RESULTS


[object Array]: [Object, Object]

0: Object
cours: "CFA"
date: "2019-09-20"
duration: "1h30m"
etudiant: "12"
id_planning: 1
intervenant: "2"
lieux: "Nice 1"
time: "13:15:00"

__proto__: Object

1: Object
cours: "Outils Numeriques"
date: "2019-09-20"
duration: "1h30m"
etudiant: "16"
id_planning: 4
intervenant: "2"
lieux: "Monaco High School"
time: "13:15:00"

__proto__: Object
length: "2"

Поэтому мне бы хотелось, чтобы то, что отображается в журнале консоли, отображалось на странице HTML, создавалось динамически при загрузке.

Это, вероятно, очень просто, так как у меня уже есть данные, но это мой первый маленький проект приложения, и Ionic вызывает у меня головокружение!

Спасибо за любую помощь заранее.

1 Ответ

0 голосов
/ 04 июля 2019

Вы можете использовать цикл для отображения данных массива следующим образом:

data = ваш объект массива в page.ts

datalist: any[];

this.datalist = data

  <ion-list>
    <ion-item *ngFor="let d of datalist ">
      <p>{{d.cours}}</p>
      <p>{{d.date}}</p>
      <p>{{d.duration}}</p>
      <p>{{d.etudiant}}</p>
      <p>{{d.id_planning}}</p>
      <p>{{d.intervenant}}</p>
      <p>{{d.lieux}}</p>
      <p>{{d.time}}</p>
    </ion-item>
  </ion-list>

Дайте мне знать, работает или нет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...