时间戳

首页 > 解决方案 > 角度部分选项，选择任何选项时都应加载新的 div

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>

TScode，用于显示医生姓名：

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

    } else {
      this.doctorID = doctor_Id.user_id;

    }

标签： javascriptangularselectdropdownoption

解决方案

只需使用 CommonModule 中的 *ngIf。始终尽量保持简单。例子：

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

将您的医生 ID 设置为undefined或未null选择医生时。

推荐阅读