#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.
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.