У меня есть компонент.Угловой 2 ngFor не обновлять данные
@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());
Список не обновляется. В чем проблема?
Как элементы передаются в компонент todo-list? Не могли бы вы поделиться целым кодом 'todo-list' –
. Совет. Если вы используете обратные образы вокруг вашего шаблона, вы можете создавать многострочные строки вместо конкатенирования одиночных строк. –
Где у вас есть код 'service.items, push (new TodoModel());'? Откуда ему звонить? –