#16: 🎁 Adicionando itens utilizando o serviço

Vamos melhorar nosso serviço adicionando mais recursos que serão utilizados pelos nossos componentes. Primeiro - nós vamos implementar adicionar um item à lista.

Adicionando um item

Vamos adicionar um novo método ao serviço chamado addItem, dessa forma:
src/app/services/todo-list.service.ts
addItem(item: TodoItem) {
this.todoList.push(item);
}
Agora nós podemos alterar nosso componente list-manager para chamar o método addItem diretamente do serviço:
src/app/list-manager/list-manager.component.ts
addItem(title: string) {
this.todoListService.addItem({ title });
}
  • Observe que o método do serviço espera o item inteiro, enquanto o método do componente espera apenas o título (tittle) e constrói o item. (Você pode decidir deixar o serviço construir o item a partir do título);
  • Pode haver uma lógica adicional ao chamar estes métodos, por exemplo, salvando as alterações em um banco de dados (que nós vamos implementar depois);
  • Uma melhor forma de manipular dados é utilizando objetos imutáveis (immutable objects), mas este é um tópico maior do que podemos abordar no tutorial nesse momento.