shopping list

list.component.ts

import { ListQuery, List } from '../state';
import { ShopikaService } from '../state/shopika.service';
import { ID } from '@datorama/akita';
import { Observable } from 'rxjs';

export class ListsComponent implements OnInit {
  lists$: Observable<List[]>;
  
  constructor(
    private listQuery: ListQuery,
    private shopikaService: ShopikaService
  ) { }

  ngOnInit() {
    this.lists$ = this.listQuery.selectAll();
  }

  select(id: ID) {
    this.shopikaService.setActive(id);
  }
  
  delete(id: ID) {
    this.shopikaService.deleteList(id);
  }
}