单击下拉菜单但在Angular中选择任何选项之前调用函数

Question

我们正在尝试以下拉列表的形式显示对象的键值对。有两个：右和左。当用值（test1）选择左边的值时，右边的下拉列表应显示一个列表，该列表仅与左边选择的值有关。因此，我们试图在第二个下拉列表本身单击时过滤值。 尝试了ng-click和ngOnChanges，但是这些事件仅在选择了一个选项时才会发出事件。仅在单击下拉元素时，有什么方法可以调用函数？

Answer 1

本机浏览器onClick应该可以工作。或以惯用的角度(click)="myFunc()"。

[但是您也可以考虑更改左侧的下拉列表时填充右侧的下拉列表。因为这意味着单击右击下拉列表时，它已经被填充，所以这是可取的，因为不会出现可见的滞后或闪烁。

Answer 2

您可以做到(change)

<select (change)="selectChangeHandler($event)">
        <option value="Monday">Monday</option>
        <option value="Tuesday">Tuesday</option>
        <option value="Wednesday">Wednesday</option>
        <option value="Thursday">Thursday</option>
        <option value="Friday">Friday</option>
    </select>
    <p><span>You selected: </span><b>{{selectedDay}}</b></p>

// select元素的更改事件的事件处理程序

  selectChangeHandler (event: any) {
    //update the ui
    this.selectedDay = event.target.value;
  }

https://blog.kevinchisholm.com/angular/get-value-selected-dropdown-menu-item/