如何在ng-for中使用filter或where子句来使用angular2

时间:2017-01-11 04:41:29

标签: angular

enter image description here

 <table class="table table-bordered">
   <tr *ngFor="let item of faculytLectureMaster "> 
    <td>{{item.lectstart}}</td>
    <td>{{item.lectend}}</td>
    <td>{{item.facultyname}}</td>
    <td>{{item.subjectname}}</td>
    <td>{{item.subjectcode}}</td>
    <td>{{item.section}}</td>
    <td>{{item.attendtotal}}</td>
    <td>{{item.present}}</td>
    <td>{{item.absent}}</td>
 </tr>
</table>

我想使用*ngFor的过滤器,例如subjectname!='Break'facultyname!='NA'

如何为angular2?

编写*ngFor的过滤器

1 个答案:

答案 0 :(得分:1)

您可以使用ngIf

中的ngFor来执行相同的操作
<table class="table table-bordered">
  <template ngFor let-item [ngForOf]="faculytLectureMaster" let-i="index">
    <tr *ngIf="item.subjectname != 'Break' && item.facultyname != 'NA'"> 
      <td>{{item.lectstart}}</td>
      <td>{{item.lectend}}</td>
      <td>{{item.facultyname}}</td>
      <td>{{item.subjectname}}</td>
      <td>{{item.subjectcode}}</td>
      <td>{{item.section}}</td>
      <td>{{item.attendtotal}}</td>
      <td>{{item.present}}</td>
      <td>{{item.absent}}</td>
    </tr>
  </template>
</table>