如何使用* ngIf在显示具有ID的输入中

问题描述 投票:0回答:1

嗨,我是离子新手,我在如何显示*输入栏时遇到问题

这是我的.html

<div *ngIf="project_group_id=1">

<ion-card>
  <ion-item no-lines>
      <ion-label color="primary">Phase No:</ion-label>
      <ion-select  formControlName="phase_id" placeholder="Select phase number" [(ngModel)]="qa_form.phase_id">

        <ion-option   value="{{phases.id}}" *ngFor="let phases of phase" name="phase_id">{{phases.phase_name}}</ion-option>

      </ion-select>
  </ion-item>
</ion-card>



<ion-card>
  <ion-item>
    <ion-label color="primary">Block No:</ion-label>
    <ion-input  formControlName="block_no"   name="block_no" type="number" text-right placeholder="Enter house block number" [(ngModel)]="qa_form.block_no"></ion-input>
  </ion-item>
</ion-card>


<ion-card>
  <ion-item>
    <ion-label color="primary">Lot No:</ion-label>
    <ion-input type="number"  formControlName="lot_no"  name="lot_no" text-right placeholder="Enter house lot number" [(ngModel)]="qa_form.lot_no"></ion-input> 
  </ion-item>
</ion-card>

</div>

<div *ngIf="project_group_id=2">

  <ion-card>
    <ion-item>
        <ion-label color="primary">Building No:</ion-label>
        <ion-select  formControlName="building_id"  name="building_id" placeholder="Select building number" [(ngModel)]="qa_form.building_id" >
          <ion-option value="1">Building 1</ion-option>
          <ion-option value="2">Building 2</ion-option>
          <ion-option value="3">Building 3</ion-option>
          <ion-option value="4">Building 4</ion-option>
          <ion-option value="5">Building 5</ion-option>
        </ion-select>
    </ion-item>
  </ion-card>
  <ion-card>
    <ion-item>
      <ion-label color="primary">Unit No:</ion-label>
      <ion-input type="number"  formControlName="unit_no"  name="unit_no" text-right placeholder="Enter house unit number" [(ngModel)]="qa_form.unit_no"></ion-input> 
    </ion-item>
  </ion-card>

</div>

如果project_group_id为1,则仅显示建筑物和单元如果project_group_id为2,则仅lot_no,block_no,phase_no

angularjs ionic-framework ionic3 angular5 ionic-native
1个回答
0
投票
ngIf内的表达式是JavaScript表达式的子集。在JavaScript中,您需要使用==运算符比较两个值,而不是=
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.