找不到'对象'类型的不同支持对象'[object HTMLLIElement]'。 NgFor仅支持绑定到诸如Arrays之类的Iterables

Question

在控制台中获取错误

  

无法找到'object'类型的不同支持对象'[object HTMLLIElement]'。 NgFor仅支持绑定到Iterables，例如Arrays。

component.ts

export class NotificationComponent implements OnInit {
    notifications: Notification[] = [];

    ngOnInit() {
        this.notifications = [
            { 
                field: { 
                    name:"Commodity", 
                    description: "Commodity",
                    oldValue: "test",
                    newValue:"test1", 
                    message: "message"
                },
                isActive: true, 
                CreatedBy: "sri", 
                CreatedDate: new Date(), 
                UpdatedBy: "sri", 
                UpdatedDate: new Date(),
                ClientId: "client id", 
                Id: 2, 
                Guid: "guid" 
            },
            {
                field: { 
                    name:"ArrivalDate",
                    description: "Arrival Date",
                    oldValue: "test2",
                    newValue:"test2",
                    message: "message"
                },
                isActive: true, 
                CreatedBy: "sri", 
                CreatedDate: new Date(), 
                UpdatedBy: "sri", 
                UpdatedDate: new Date(),
                ClientId: "client id", 
                Id: 2, 
                Guid: "guid"
            }
        ];
    }
}

在我的html模板中：

<ul >
    <li *ngFor="let n of notifications"> 
            <span>{{n.field.name}} </span>  
    </li>
</ul>

Answer 1

使用上面提供的JSON，效果很好！只是验证样本中的JSON，你的匹配，

<强> STACKBLITZ DEMO

Answer 2

从上面的评论中，您似乎已经获得了名为通知的模板引用和包含通知的Notification []类型的变量。

尝试更改其中一个名称，以确保他们不共享这些名称。