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

角度5：尝试差异化'on'时出错。仅允许数组和可迭代

1 个答案: