为什么formgroup没有检测到Angular中选择元素的变化

Question

由于某种原因，在 Angular 反应形式的选择元素上未检测到更改。以下是代码摘录

组件html代码

 <form (ngSubmit)="onSubmit()" [formGroup]="postProjectForm">
                        <div class="form-group">
                            <label>Job Type:</label>
                            <select formControlName="jobType" (change)="onChange($event.target.value)" >
                                <option *ngFor="let jt of jobTypes" [value]="jt">{{jt}}</option>
                            </select>
                        </div>                   
</form>

组件js代码

jobTypes = ['Full time', 'Part time', 'Intership', 'Freelancing'];

constructor(private fb: FormBuilder){
this.postProjectForm = this.fb.group({jobType: new FormControl(this.jobTypes[0])})
}

onSubmit() {
console.log(this.postProjectForm.get('jobType').value);
}

 onChange(val){
        console.log(val);
 }

代码开始正常，即选择填充三个四个值，默认值是“全职”。但是，当我更改选项并提交时， onSubmit 方法会记录初始值（ Full Time ）。 而且 onChange 方法根本不会触发！

Answer 1

尝试更新：<select formControlName="jobType" (change)="onChange($event.target.value)" > 给<select formControlName="jobType" (change)="onChange($event.target)" >

和onChange(val){ console.log(val); } 到onChange(val){ console.log(val.value); }，看看onChange 事件现在是否有效。如果这有效，那么该表格也应该有效。我没有看到任何其他原因。

如果是这样，我大概可以解释发生了什么。