Question

<select (change)="onChange($event.target.value)" class="custom-select">
  <option value="Running">Running</option>
  <option value="Paused">Paused</option>
</select>

这会在选项值更改时获取选项的值，但我也将在加载组件时触发onChange方法并带来当前所选选项的值（即第一个值）

onChange(selectedStatus: string) {
  console.log(selectedStatus);
}

Answer 1

一个更好的解决方案是使用ngModel：

<select (change)="onChange($event.target.value)" [(ngModel)]="selectedValue" class="custom-select">

并在您的* .ts文件中：

selectedValue="Running";

但是如果您坚持使用该事件，则可以这样使用 ngAfterViewInit ：

ngAfterViewInit{
  this.onChange("Running");
}

Answer 2

您可以在角度和射击变化事件上使用HTMLElement

   let element:HTMLElement=document.getElementById('') as HTMLElement;
    element.onchange(undefined);

组件加载时如何在选择选项上触发（更改）

2 个答案: