下拉列表中的选定值不起作用 Angular

Question

我想在组件类的下拉列表中使用选定的值。 当从下拉列表中选择一个值时，我使用 ngModel 存储该值但它不起作用，还尝试了另一种方法，即我触发了一个事件函数并将选定的值作为参数传递，但这种方法也不起作用。

<select [(ngModel)]="selectedControl" class="form-control" (click)="onSelection($event)">
          <option *ngFor="let control of controlArray; let i=index" 
          [value]="control">{{controlArray[i].name}}</option>                                              
</select> 

当我在控制台上输出选定的值时，它没有显示，这是组件类代码：

onSelection(control){  
    console.log(typeof(control))
    console.log(control.target.value)
  }

请帮忙。

Answer 1

您应该使用change事件，而不是click ：

<select [(ngModel)]="selectedControl" class="form-control" (change)="onSelection()">
  <option *ngFor="let control of controlArray; let i=index"
          [ngValue]="control">{{controlArray[i].name}}</option>
</select>

您还应该检查selectedControl以获取当前选定的值。

onSelection(){
  console.log(this.selectedControl)
}

最后一件事 - 如果你想这样做或使用ngValue代替，你应该在那里放一个标量值。