angular - Angular 2 ngFor 不更新数据

Question

我有组件。

@Component({
selector: 'todo-list',
directives: [TodoItemRenderer],
providers: [TodoService],
template:
    '<div>'+
        '<ul class="list-group">'+
            '<li [(ngClass)]="item.class" class="list-group-item" *ngFor="#item of items">' +
               '<todo-item-renderer [todo] = "item"></todo-item-renderer>'+
            '</li>'+
        '</ul>'+
    '</div>'

})

另外，这是我在服务中的数据

items: TodoModel[] = [
    new TodoModel("sleep", "Completed"),
    new TodoModel("eat", "In progress"),
    new TodoModel("code", "In the plan")
];

当我在这个数组中添加新元素时

service.items,push(new TodoModel());

列表不更新。问题是什么？

Answer 1

假设您使用的是候选版本而不是 Beta

ngFor 有更新，因此您需要更改

*ngFor="#item of items"

至：

*ngFor="let item of items"

您应该会在浏览器的控制台中看到一个错误指示，说明应该进行此更改。