Angular2模板语法 - 如何在ngIf上执行OR

时间:2016-06-11 11:01:45

标签: angular angular2-template

我试图循环一个列表,并希望显示和基于id的元素。

如果我这样做

*ngIf="environment.id!=3" then works. 

单元格被隐藏。但我想做

*ngIf="environment.id!=3 OR environment.id!=1" 

哪个不起作用。

<tr *ngFor="let environment of environments">
          <td>{{ environment.name }}</td>
          <td>
              <a *ngIf="environment.id!=3 ? environment.id!=1" [routerLink]="['EditEnvironment', { id: environment.id }]">
                      <i class="icon icon-edit"></i>
              </a>
          </td>
                <td>
            <i (click)="deleteEnvironment(environment)" class="icon icon-cross"></i>
          </td>
        </tr>

2 个答案:

答案 0 :(得分:3)

我会尝试以下方法:

*ngIf="environment.id!=3 || environment.id!=1" 

答案 1 :(得分:1)

*ngIf 始终 true因为每个值都是!= 3!= 1

 *ngIf="environment.id!=3 OR environment.id!=1" 
  • 2是!= 3而且!= 1
  • 1是!= 3
  • 3是!= 1

OR只需要匹配一个。

你可能想要

     *ngIf="!(environment.id==3 || environment.id==1)" 

Plunker example