检索角度选择 div 的当前值答案

【问题标题】：Retrieving current value of angular select div检索角度选择 div 的当前值
【发布时间】：2021-05-26 22:37:56
【问题描述】：

我需要获取选择标签当前选择的值，因为下一个标签数据取决于上面选择的日期。我的标签 html 如下所示：

<div class="form-group">
          <label for ="visitData">Choose day for the visit : </label>
          <select  class="form-control" id="visitData" (change) = "updateVisitDate($event)" >
            <option   id="visitData" *ngFor="let type of myDate" value="{{type.date}}">{{type.date}}</option>
            </select>
        </div>

TypeScript 文件中的函数：

  updateVisitDate(event:any){
    event.preventDefault()
    let target = event.target;
    this.visitData = target.querySelector('#visitData').value;
    console.log("Found date : "+ this.visitData);
    this.http.get(`http://localhost:9000/freeHours/getDay`,{params : {date:this.visitData}}).subscribe(data=>this.periods = data);
  }

每当我从选择字段中更改日期时，我都会在同一天进入日志（第一个选项）。有什么建议吗？

【问题讨论】：

标签： angular data-binding option

【解决方案1】：

使用属性绑定，

[value]="type.date" 并获得价值，在你的函数中使用event.target.value。即this.visitData = event.target.value;

这是一个针对您的问题的工作演示 https://stackblitz.com/edit/angular-ivy-oygbwj?file=src%2Fapp%2Fapp.component.ts

【讨论】：

我已经尝试过了，但并没有改变结果。日志如下所示： 4make-visit.component.ts:117 found date : Wed, 24-02-2021
使用 this.visitData = event.target.value