Question

我的变量可能包含3个值，传递/拒绝/未知

在值未知时显示unknow，并在传递值时显示passed并拒绝rejected wjen值。通过这段代码，当价值未知时，它是如何解决的？

  <td>
        <div *ngIf="s.resume_qualify === 'UNKNOWN';then content else other_content">unknown</div>

              <ng-template #content *ngIf="s.resume_qualify === 'PASSED'">passwd</ng-template>
              <ng-template #other_content *ngIf="s.resume_qualify === 'REJECTED'">rejected</ng-template>
     </td>

Answer 1

您可以查看NgSwitch，在这种情况下更为可取。

<div [ngSwitch]="s.resume_qualify">
  <ng-template *ngSwitchCase="'UNKNOWN'">unknown</ng-template>
  <ng-template *ngSwitchCase="'PASSED'">passed</ng-template> 
  <ng-template *ngSwitchCase="'REJECTED'">rejected</ng-template>
</div>

检查Stackblitz

Answer 2

那么，根据你的例子，你可以简化你的代码：

<p>{{ s.resume_qualify | lowercase }}</p>

如果不适合您，请提供您的错误或某些模式代码。

角度5，如果是值的法则

2 个答案: