如何在ngIf中使用OR条件?

时间:2018-11-05 09:50:47

标签: angular angular6

假设我在component.ts内部具有逻辑:

 selectInput(event) {
    let selected = event.target.value;

    if (selected == "firm") {
      this.isNameSelected = true;
    } else if(selected == "consignment") {
      this.isNameSelected = false;
      this.labelForCP=true;
    }
    else{
      this.tash=true;
       this.isNameSelected = false;
        this.labelForCP=false;
    }
  }

在我的html中,我有:

<div class="form-group col-md-4" *ngIf="!isNameSelected">

我尝试合并*ngIf="!isNameSelected || tash",但由于无法应用这种方法,因此在控制台中出现错误。如果任何条件为true(OR condition),我都希望该条件必须输入到该部分中。

3 个答案:

答案 0 :(得分:2)

ngIf的工作方式与正常If条件的工作方式大致相同。下面是一个例子。

<div class="form-group col-md-4" *ngIf="!condition1 || condition2">

答案 1 :(得分:1)

您可以使用

<div class="form-group col-md-4" *ngIf="!(isNameSelected===true || tash ===true)">

答案 2 :(得分:0)

如果条件正常,则很简单,只要低于一个就可以工作

<div class="form-group col-md-4" *ngIf="isNameSelected === false || otherCondition === true">