角度 5：尝试比较"on"时出错。只允许数组和可迭代对象

Question

因此，在我的Angular 5应用程序中，我正在<tr>标记中的数组上迭代，表就会显示出来。但是，只要我单击<td>内部的单选按钮，控制台中就会显示错误"尝试差异时出错"。只允许使用数组和可迭代项"。

以下是我的代码：

<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>

这是我的mpFASetupList数组：

[{"internalCode":0,
"authFlag":true,
"mainDashboardId":1061,
"validateStatusFlag":false,
"statusFlag":false}]

正如你所看到的，它是一个数组，而不是一个对象。我不明白为什么它会给我错误，即使我的代码中没有"on"对象。有什么解决方案吗？

Answer 1

我用您的输入尝试了一个示例代码片段，发现它有效。请查找工作代码。

<table>
<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)">{{i.mainDashboardId}}
</td>
</tr>
</table>

https://stackblitz.com/edit/angular-qqvaga