если еще внутри ngFor l oop in Angular 8+ - PullRequest
Новая
       80

если еще внутри ngFor l oop in Angular 8+

0 голосов
/ 07 мая 2020

Интересно, есть ли возможность поместить оператор if else внутри for l oop.

У меня есть пример здесь, если есть шанс преобразовать этот PHP код в angular.

PHP ПРИМЕР 

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

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

   echo $section;

}

ANGULAR КОД

ПРИМЕЧАНИЕ: Это пример кода только для справки. 

<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>

Я изучаю эту проблему, но я так запутался, так как я новичок в этой структуре. Пожалуйста, помогите мне разобраться с этой проблемой, спасибо.

1 Ответ

1 голос
/ 07 мая 2020

Да можно с директивами 

<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>
...