Angular computed signal doesn’t update when I push to an array

I’m trying signals in Angular for the first time. I have a list of todos in a signal and a computed signal that counts the open ones. When I add a todo, the list in the template updates, but the counter stays at the old number.

1todos = signal<Todo[]>([]);
2
3openCount = computed(() => this.todos().filter(t => !t.done).length);
4
5addTodo(title: string) {
6  this.todos().push({ title, done: false });
7}

1todos = signal<Todo[]>([]);
2
3openCount = computed(() => this.todos().filter(t => !t.done).length);
4
5addTodo(title: string) {
6  this.todos().push({ title, done: false });
7}

html

1<p>{{ openCount() }} open tasks</p>

1<p>{{ openCount() }} open tasks</p>

I thought computed() tracks the signal automatically. Do I have to call something to trigger it, or am I using signals the wrong way?

Angular version is 18.

Angular computed signal doesn’t update when I push to an array

0 Answers

No Answers Found

Write your answer here

Top Questions

Popular Tags