根據Angular 2中的下拉選擇選擇輸入類型

Question

<select class="select-sm form-control staffPatient" [(ngModel)]="personType"> 
          <option value="staff" selected="true">Staff</option> 
          <option value="patient">Patient</option> 
          </select> 

根據選擇我需要顯示字段。

如果是工作人員，這將顯示

<p-autoComplete [hidden]="personType != staff" [(ngModel)]="val" [suggestions]="staffInfoList" field="perscode" field="personName" [minLength]=4 
            (onSelect)="setPersonInvolved($event)" 
            (completeMethod)="getPersonalMast($event)" [ngModelOptions]="{standalone: true}"></p-autoComplete> 

如果是病人，這將顯示

<input [hidden]="personType != patient" type="text" required="" class="form-control search" (keyup.enter)="getPatientInfo($event)" > 

寫的代碼[隱藏]，但不工作。 2.試了選擇=「真」，使員工爲默認的下拉，但在下拉默認即將空

Answer 1

<select class="select-sm form-control staffPatient" #personType (change)='onChange(personType.value)'> 
         <option value="staff" selected="true">Staff</option> 
         <option value="patient">Patient</option> 
         </select> 

然後在你的.ts文件

staff = false; 
patient = false; 
onChange(value) { 
    if (value === 'staff') { 
     this.staff = true; 
    }if (value === 'patient') { 
     this.patient = true; 
    } 
} 

最後

<p-autoComplete *ngIf='staff' [(ngModel)]="val" 
[suggestions]="staffInfoList" field="perscode" field="personName" 
    [minLength]=4 
           (onSelect)="setPersonInvolved($event)" 
           (completeMethod)="getPersonalMast($event)" 
[ngModelOptions]="{standalone: true}"></p-autoComplete> 

而且

<input *ngIf='patient' type="text" required="" class="form- 
control search" (keyup.enter)="getPatientInfo($event)" >