angular опция раздела, новый div должен загружаться при выборе любой опции

Question

Я хочу выбрать любую опцию из имени доктора, и какое бы имя ни щелкнуло, тогда должен загрузиться 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>

TScode, для отображения имени доктора:

doctorId(doctor_Id) {
    this.delete = false;
    if (doctor_Id === "All") {
      this.doctorID = doctor_Id;

    } else {
      this.doctorID = doctor_Id.user_id;

    }

Answer 1

Просто используйте * ngIf из CommonModule. Всегда старайся быть простым. Пример:

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

Установите значение параметра doctorID равным undefined или null, если врач не выбран.