嗨,我是离子新手,我在如何显示*输入栏时遇到问题
这是我的.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
ngIf
内的表达式是JavaScript表达式的子集。在JavaScript中,您需要使用==
运算符比较两个值,而不是=
。