Angluar2报错记录（持续更新...）

最新推荐文章于 2025-06-05 18:50:37 发布

原创最新推荐文章于 2025-06-05 18:50:37 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#angluar2

JavaScript 同时被 2 个专栏收录

13 篇文章

订阅专栏

Angular2

2 篇文章

订阅专栏

在使用Angular2开发过程中遇到错误：'Cannot find a differ supporting object ‘[object HTMLSelectElement]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays.'。该错误的根本原因是ngFor指令尝试绑定到一个HTMLSelectElement对象，而不是预期的数组。问题出在select元素内的#week变量名与option元素内let w of week的循环变量名冲突，导致Angular2误认为要遍历select元素本身。

Cannot find a differ supporting object ‘[object HTMLSelectElement]’ of type ‘object’.
NgFor only supports binding to Iterables such as Arrays.

ngFor指令只支持数组对象，而不支持Html的（Select类型）元素

因为

<select #week (change) = "selectChange('week',$event.target.value)">
            <option *ngFor="let w of week" value={{w}}>
                {{w}}
            </option>
</select>