Question

如果paymentdone到期，我想显示一个按钮。下面是我使用ngIf的Angular HTML代码：

<tr>
           <td class="table-id">{{app_list.testbookingmasterid}}</td>
      <td>{{app_list.userid}}</td>
      <td>{{app_list.patientname}}</td>
      <td>{{app_list.paymentdone}} 
        <ng-container *ngIf="{{app_list.paymentdone}}==='due'">
          <button type="button" class="btn btn-primary btn-xs" data-toggle="modal" (click)="demo(app_list.testbookingmasterid,app_list.userid)" ><i class="fa fa-edit"></i>&nbsp;Process</button>
   </ng-container> </td>
      <td>{{app_list.comments}}</td>  
      </tr>

但是ngIf似乎不起作用。

我该怎么办？有人可以帮我吗？

Answer 1

*ngIf中不需要bracet。

您只需要做=>

*ngIf="app_list.paymentdone==='due'"

Answer 2

无需使用插值。

尝试以下

<ng-container *ngIf="(payment==='due')">
          hello payment mode due
</ng-container>

工作示例 https://stackblitz.com/edit/angular-8anxaf

Answer 3

ngIf 语法类似于* ngIf =“ exprestion”，如果exprest的值为true或类似property === value

的比较表达式，则可以作为检查组件的属性

对于您而言，只需将支出更新为

  *ngIf="app_list.paymentdone === 'due'"

如果app_list尚未初始化或该值将是结果，则不是异步操作，您需要使用“？”。（安全导航操作员）操作员，这样您就不会错误无法读取未定义的paymentdone

最终解决方案如下

<ng-container *ngIf="app_list?.paymentdone === 'due' ">
  ...
</ng-container>

Answer 4

您只需要在* ngIf中删除bracet，并使其简单

*ngIf="app_list.paymentdone==='due'"

ngIf在角度2中

4 个答案: