首页 > 解决方案 > Angular 6如何在html的表格行上正确应用条件

问题描述

我只想在我的变量值等于接受时才显示表格行

<tr *ngIf="{{rfq.status}}===Accpeted" >
        <td>Assign To Staff Member</td>
        <td>
          <div>
            
            <select (change)="Selected($event)">
              
              <option *ngFor="let group of groups" [value]="group.id">
                {{group.name}}
              </option>
            </select>
          </div>
          <input type="button" (click)="getVal()" value="Assign"/>
      </td>

什么是正确的做法,我只想在rqf.status === Accepted当我使用其他参数时才显示行

<tr *ngIf="quotations || quotations.length" >
        <td>Assign To Staff Member</td>
        <td>
          <div>
            
            <select (change)="Selected($event)">
              
              <option *ngFor="let group of groups" [value]="group.id">
                {{group.name}}
              </option>
            </select>
          </div>
          <input type="button" (click)="getVal()" value="Assign"/>
      </td>
    
      </tr>

标签: htmlangularangular-ng-iftablerow

解决方案


抛弃{{, 并添加单引号:

<tr *ngIf="rfq.status === 'Accepted'">

推荐阅读