When working with reactive forms, I am facing an issue where the radio buttons are not being checked by default even though I am using form values for that purpose. Additionally, when I click on the first currency symbol, the numbers change but the default number is not checked. What I want is for 25000 to be automatically checked when clicking on the first symbol. How can I achieve this? You can view my code on StackBlitz.
I have attempted to change the value on click but it does not seem to work as expected. Here is a snippet of what I have tried:
lari() {
this.currencySymbol = "₾";
let amount = (this.formGroup.get("formArray") as FormArray)
.at(1)
.get("amount").value;
amount = "25000";
this.currencySymbol = "₾";
this.amountArray = [
{
value: 25000
},
{
value: 50000
},
{
value: 75000
},
{
value: 100000
}
];
}