【问题标题】:angular section option, new div should load when any option is selected角度部分选项,选择任何选项时都应加载新的 div
【发布时间】:2020-06-21 00:40:55
【问题描述】:

我想从医生姓名中选择任何选项, 并单击任何名称,然后应该加载 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;

    }

【问题讨论】:

  • 你指的是哪个div?它应该显示什么?

标签: javascript angular select dropdown option


【解决方案1】:

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

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

如果没有选择医生,请将您的医生 ID 设置为 undefinednull

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-19
    • 1970-01-01
    • 2015-07-07
    相关资源
    最近更新 更多