在Angular 10中的Select Tag上运行多个函数

Question

我的HTML代码中有一个选择标记：

<select
name="dater"
id="dchange"
style="height: 38px; width: 110px; margin-left: 160px; margin-top: -32px;"
class="custom-select form-control"
change)="dateChange($event.target.value)" >
<option  *ngFor="let i of days">{{i}}</option>
</select>

我的.ts代码中的days数组和onchange事件：

days = ["All", "Today", "Last 7 days", "Last 30 days"];
dateChange(deviceValue){
switch(deviceValue){
case "All":
this.journals = this.journals;
break;
case "Today":
this.journals = this.TodaysTrx;
break;
case "Last 7 days":
this.journals = this.last7daysTrx;
break;
case "Last 30 days":
this.journals = this.last30daysTrx;
break;
default:
this.journals = this.journals;
}
}

我发现，如果我选择了一个选项，onchange事件就会运行，如果我决定选择另一个选项的话，比如说"；最后30天"；onchange事件不会将我的this.journals设置为this.last30daysTrx。它只是保留在第一个选定的选项中，但它会在控制台中记录每次更改的更改。

Answer 1

只需创建一个函数，其中包括在更改事件中需要调用的函数，并在模板中调用该函数：(