Javascript 角度剖面选项，选择任何选项时应加载新div

我想从医生姓名中选择任何选项， 无论单击哪个名称，都应该加载div。应为选定的每个选项加载新div

 <select 
    class="docName" 
    [(ngModel)]="selectedID" 
    (ngModelChange)="doctorId($event)">
    <option disabled> Select Doctor</option>
    <option 
        *ngFor="let name of doctor" 
        id="{{ name.user_id }}" 
        [ngValue]="name">
        {{ name.doctor_name }}
    </option>
</select>

<div>show this data</div>

---

只需使用CommonModule中的*ngIf。总是尽量保持简单。 例如：

{{doctorID}}//在选择图像后显示所需内容

---

当未选择医生时，将您的医生ID设置为

undefined

或

null

。

您指的是哪个部门？它应该显示什么？

 <select 
    class="docName" 
    [(ngModel)]="selectedID" 
    (ngModelChange)="doctorId($event)">
    <option disabled> Select Doctor</option>
    <option 
        *ngFor="let name of doctor" 
        id="{{ name.user_id }}" 
        [ngValue]="name">
        {{ name.doctor_name }}
    </option>
</select>

<div>show this data</div>

<div *ngIf="doctorID">{{doctorID}}</div> // Display what ever you want after a selection was mage