if else在Angular 8+中的ngFor循环内。

Question

我想知道是否有一个选项，可以将 if else 语句在for循环里面。

我这里有一个例子，如果有任何机会将这段PHP代码转换为Angular。

PHP示例

while($row = mysqli_fetch_array($query)) {
   $section = $row['name'];

   if($section_id == "TEST_ID") {
      $section = "APPROVED";
   }
   else {
      $section = "DECLINED";
   }

   echo $section;

}

方格代码

注：此为示例代码，仅供参考。 这是一个示例代码，仅供参考。

<tr *ngFor="let student of students">
    <td>{{ student.student_id | uppercase }}</td>
    <td>{{ student.name }}</td>
    <td>{{ student.section }}</td>
    <td><button class="btn btn-sm btn-primary btn-block" (click)="edit(student)">EDIT</button></td>
    <td><button class="btn btn-sm btn-danger btn-block" (click)="delete(student)">DELETE</button</td>
</tr>

我对这个问题做了研究，但我很困惑，因为我是这个框架的初学者。请帮我解决这个问题，谢谢。

Answer 1

是的，你可以用指令来做

<tr *ngFor="let student of students">
    <td>{{ student.student_id | uppercase }}</td>
    <td>{{ student.name }}</td>
    <td *ngIf="student.sectionId == TestID">APPROVED</td>
    <td *ngIf="student.sectionId != TestID">DECLINED</td>
    <td><button class="btn btn-sm btn-primary btn-block" (click)="edit(student)">EDIT</button></td>
    <td><button class="btn btn-sm btn-danger btn-block" (click)="delete(student)">DELETE</button</td>
</tr>