Форма сообщения, передавая старое значение

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>

ц

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