Обновление подсчета массива на основе его свойства объектов в приложении угловых задач

Question

Я создаю приложение todos с расширенной функциональностью в angular для изучения angular6. Ниже в ссылке в нижнем колонтитуле есть счетчик задач, которые остаются для выполнения текущих обновлений счетчика каждый раз с добавлением и удалением задач, но при проверке и когда задача завершена, яНе хочу рассчитывать на то, что осталось.Я пытаюсь найти способ, но я не могу.Любая помощь будет оценена Спасибо. Ниже приведена ссылка на проект в stackblitz: stackblitz.com / edit / angular-kxjnyh

Answer 1

Ваша реализация довольно близка к тому, что вы пытаетесь сделать.У вас есть метод

public getLength(){
    this.todoService.lengthTodos();
 }

, который читает длину todo из сервиса.Вам просто нужно вернуть значение из класса обслуживания.Внесите следующие изменения и используйте эту функцию в html.

  public getLength(){
    return this.allTodos.filter(todo => !todo.completed).length;
  }

Изменение html компонента нижнего колонтитула

<span class="todo-count"><strong>{{getLength()}}</strong> item left</span>

Вот рабочая копия - https://stackblitz.com/edit/angular-zqvxxb