角度5：* ng的数据用于单击单选按钮后进行更改

Question

So the issue is , I have an array in *ngFor inside a <tr> . Inside the row I have multiple <td> , first one of which has a radio button. When the page is loaded the table is rendered normally. After I click on the radio button I get the

error: Error trying to diff 'on'. Only arrays and iterables are allowed.

As I click the radio button, I have also console.log the data itself, the data is viewed normally. But the second time I click it the data is 'on'.

Basically the data is changing after the first click on the radio button.

This is the Code :

<tr *ngFor="let i of mpFASetupList" [style.background-color]="checkFlag ? 'yellow' : 'white'">
    <td class="data" id="zero">
      <input id="faRadioBtn" type="radio" name="anyName"  (click)="onSelectFaSetup(i)">
    </td>
</tr>

TS Code:

onSelectFaSetup(setup){
    console.log('Fa List' , this.mpFASetupList);
    this.isFaSelected = true;
    this.isCustSelected = false;
    console.log('fa before ' , setup);
    this.dashboardId = setup.mainDashboardId;
    console.log('fa after ' , setup);
}

There are the error messages :

First Click : "Fa List" is the data. (image)

Second Click : "Fa List" is the data. (image)

As you can see , the data "Fa List" is changing after the click. Any idea guys why angular is behaving this way ?

Edit 1 : This is the mpFASetupList data :

mpFASetupList : [{internalCode: 0, authFlag: false, mainDashboardId: 0, validateStatusFlag: false, statusFlag: false}]

Answer 1

I found the reason for this behavior , the <table> tag in which the <tr> tag was placed had a name , [(ngModel)] and ngDefaultControl .

Hence it was behaving like that. After trimming down these unnecessary attributes , it is behaving as expected.

Answer 2

Well Fa List is a string "on" after you clicked the radio button. Since i don't know what onSelectFaSetup does i can only assume that you change the mpFASetupList to the string "on", which the *ngFor directive can't loop because it's not an array. If you post the method i might help a bit more