Angular 角度5,如果值为

Angular 角度5,如果值为,angular,angular5,Angular,Angular5,我的变量可能包含3个值,通过/拒绝/未知 当值未知时,我将显示unknow,当值被传递和拒绝时,我将显示passed。 根据这段代码,当值未知时它不工作,应该如何修复 <td> <div *ngIf="s.resume_qualify === 'UNKNOWN';then content else other_content">unknown</div> <ng-template #content *ng

我的变量可能包含3个值,通过/拒绝/未知

当值未知时,我将显示
unknow
,当值被传递和
拒绝时,我将显示
passed
。 根据这段代码,当值未知时它不工作,应该如何修复

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

未知的
passwd
拒绝
您可以查看在这种情况下哪个更可取

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

未知的
通过
拒绝

检查

好吧,根据您的示例,您可以简化代码:

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

如果不适合您,请提供您的错误或一些模式代码