Angularjs 2基于索引显示隐藏

我想显示基于索引的隐藏div

模板

当我点击第一个时，它会显示所有tr隐藏字段

如何修复此问题？

因为您需要使用item.ishiden而不是this.ishiden

<tbody>
      <tr *ngFor="#item of itemList; #i = index">
        <td class="text-center">{{i+1}}</td>
        <td class="text-center">{{item.name}}</td>
        <td class="text-center">{{item.email}}</td>
        <td class="text-center">{{item.city}}</td>
        <td class="text-center"><span (click)="removeItem($index)" class="glyphicon glyphicon-remove"></span>
        <span class="glyphicon glyphicon-plus" (click)="onSelect(i)"></span>
        <td [hidden]="IsHidden">{{item.orderid}}</td>
      </tr>

IsHidden= true;
    onSelect(index){
    console.log(this.itemList[index]);
     this.IsHidden = !this.IsHidden;
    }

 <tbody>
  <tr *ngFor="#item of itemList; #i = index">
    <td class="text-center">{{i+1}}</td>
    <td class="text-center">{{item.name}}</td>
    <td class="text-center">{{item.email}}</td>
    <td class="text-center">{{item.city}}</td>
    <td class="text-center"><span (click)="removeItem($index)" class="glyphicon glyphicon-remove"></span>
    <span class="glyphicon glyphicon-plus" (click)="onSelect(item)"></span>
    <td [hidden]="item.isHidden">{{item.orderid}}</td>
  </tr>

onSelect(item){
   console.log(this.itemList[index]);
    item.IsHidden = !item.IsHidden;
}