todo-list.component.ts

todo-list.component.ts

export class TodoListComponent implements OnInit {
	public selectedTodo$ = this.todoListSandboxService.selectedTodo$;
	public todoList: TodoItem[];
	public isLoading = false;

	constructor(private todoListSandboxService: TodoListSandboxService) {}

	public ngOnInit(): void {
		// mapping to state property - don't do this!
		this.todoListSandboxService.todoList$.subscribe(todoList => {
			this.todoList = todoList;
		});
		this.todoListSandboxService.isLoading$.subscribe(isLoading => {
			this.isLoading = isLoading;
		});
	}