Angular 2 ng不会更新数据

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

  

假设您正在使用Release Candidate而不是Beta

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

*ngFor="#item of items"

为：

*ngFor="let item of items"

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