表单发布传递旧值

Question

我有三个单选按钮和一个下拉菜单。下拉数据将根据单选按钮的选择进行过滤。我的问题是，当我第一次提交表单时，数据下拉列表传递正确。但是，一旦我更改了单选按钮，然后发布了表单，它就会传递先前的值而不是更改后的值。

这是我正在工作的代码。

有人可以帮我弄错吗？

html

<form [formGroup]="filterProductTargetForm" (ngSubmit)="onSubmitFilterDataList(filterProductTargetForm.value)">
    <div class="row">
        <label class="col-md-2 uni-label"></label>
        <div class="col-md-10">
            <fieldset>
                <input type="radio" formControlName="productTypeSelected" value="All" (change)="handleProductTypeChange($event)">
                <span>All</span>
                <input type="radio" formControlName="productTypeSelected" value="Top" (change)="handleProductTypeChange($event)">
                <span>Top SKU</span>
                <input type="radio" formControlName="productTypeSelected" value="New" (change)="handleProductTypeChange($event)">
                <span>NPD</span>
            </fieldset>
        </div>
    </div>
    <div class="row">
        <label class="col-md-2 uni-label">Product Name Clip</label>
        <div class="col-md-10">
            <select id="productNameClip" [(ngModel)]='productNameClipModel' formControlName="productNameClip"
                class="uni-input">
                <option value="" disabled selected> -Select- </option>
                <option *ngFor="let productNameClip of productNameClipList" [value]="productNameClip.name">{{productNameClip.name}}</option>

            </select>
        </div>
    </div>
</form>

ts

 onSubmitFilterDataList(formData: any) {
        let productName = formData.productNameClip;
        console.log("productName", productName);