Angular 2 ngFor nicht aktualisieren Daten

Question

Ich habe Component.

@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>' 

}) 

Auch ist dies die Daten, die ich im Dienst haben

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

Wenn ich in diesem Array neues Element hinzuzufügen

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

Liste nicht aktualisiert. Was ist das Problem?

Answer 1

NAHME Sie Release Candidate verwenden und nicht Beta

Es gab ein Update auf ngFor, so dass Sie

*ngFor="#item of items" 

ändern müssen:

*ngFor="let item of items" 

Sie sollten einen Fehler ind sehen Icing dies in Ihrem Browser-Konsole erklären, dass diese Änderung vorgenommen werden sollte.