谁在我的情况下使用 NgFor？答案

【问题标题】：Who use NgFor in my case?谁在我的情况下使用 NgFor？
【发布时间】：2018-05-27 00:42:08
【问题描述】：

我的数据库中有一个赛马结果列表。在我的数据库中，我有 3 个表：马（法语中的cheval）带有：id，name ... 种族（法语课程）：身份证，姓名...... 和resultrace（法语的resultatcourse）马的id（cheval）和比赛的id（course）和在比赛中的位置（第一，第二...）

当我想在 NgFor 中使用它来列出我所有的种族时，我可以只使用谁的种族名称、马的名称和他的位置？

我的 JSON：

[
    {id: 1, nom: "Valdack", place: 2, course: 1},
    {id: 5, nom: "Flying fox", place: 1, course: 1},
    {id: 17, nom: "Dane Dream", place: 4, course: 1}
]

我的html代码：

<ion-item *ngFor="let item of items; ">
     <h2>{{ item.nom (name of the race) }} | {{ item.nom (name of the horse) }} | N°{{ item.place }} </h2>   
  </ion-item>

我的php：

try {
      $stmt     = $pdo->query('SELECT course.id, course.nom , cheval.id, cheval.nom , resultatcourse.place, resultatcourse.course, resultatcourse.place FROM course, cheval, resultatcourse WHERE resultatcourse.course = course.id AND resultatcourse.cheval = cheval.id');
      while($row  = $stmt->fetch(PDO::FETCH_OBJ))
      {
         // Assign each row of data to associative array
         $data[] = $row;
      }

      // Return data as JSON
      echo json_encode($data);
   }
   catch(PDOException $e)
   {
      echo $e->getMessage();
   }

还有我的 java：

load() : void
   {
       this.http.get('http://localhost/wequida/retrieve-resultatcourse.php').subscribe((data : any) =>
      {
         console.dir(data);
         this.items = data;
      },
      (error : any) =>
      {
         console.dir(error);
      });
   }

我的桌马和我的桌比赛有 2 个相同的列：id 和 name，也许是问题所在？

【问题讨论】：

能否请您在问题中添加您正在迭代的 JSON？
{id: 1, nom: "Valdack", place: 2, course: 1} 1 : {id: 5, nom: "Flying fox", place: 1, course: 1} 2 : {id: 17, nom: "Dane Dream", place: 4, course: 1}
我已将其添加到您的问题中。从您的 HTML 中，您似乎在期待马的名字和比赛名称，但您的 JSON 中只有 name 字段...
我不知道为什么，因为根据我的要求，我取了比赛的名字和马的名字:(
好吧，你只能有一个名为“nom”的字段，否则你无法区分它们。或许可以尝试拨打一个horseName 和一个raceName？

标签： java php html angular

【解决方案1】：

我找到了解决方案！（感谢 user184994 ！）

在我的 php 中：

try {
      $stmt     = $pdo->query('SELECT course.id, course.nom as coursenom, cheval.id, cheval.nom as chevalnom, resultatcourse.place, resultatcourse.course, resultatcourse.place FROM course, cheval, resultatcourse WHERE resultatcourse.course = course.id AND resultatcourse.cheval = cheval.id');
      while($row  = $stmt->fetch(PDO::FETCH_OBJ))
      {
         // Assign each row of data to associative array
         $data[] = $row;
      }

      // Return data as JSON
      echo json_encode($data);
   }
   catch(PDOException $e)
   {
      echo $e->getMessage();
   }

我有一个区分马的名字和种族的名字

在我的 html 中：

<ion-item *ngFor="let item of items; ">
     <h2>{{ item.coursenom }} | {{ item.chevalnom }} | N°{{ item.place }} </h2>
</ion-icon></button>
  </ion-item>

我使用 as name

【讨论】：