AppComponent before implementing ListKeyManager

app.component.ts

import { Component, OnInit } from "@angular/core";
import { UsersService } from "./core/services/users.service";
import { first } from "rxjs/operators";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.scss"]
})
export class AppComponent implements OnInit {
  users: any;
  isLoadingUsers: boolean;
  searchQuery: string;
  constructor(private usersService: UsersService) {}

  ngOnInit() {
    this.isLoadingUsers = true;
    this.usersService
      .getUsers()
      .pipe(first())
      .subscribe(users => {
        this.users = users;
        this.isLoadingUsers = false;
      });
  }
}