material-de-estudos

Como utilizar o Componente de SnackBar sendo um serviço reutilizável

Como utilizar o Componente de SnackBar sendo um serviço reutilizável

ng generate service shared/material/snack-bar/snack-bar
import { Injectable } from "@angular/core";
import { MatSnackBar } from "@angular/material/snack-bar";

@Injectable({
  providedIn: "root",
})
export class SnackBarService {
  constructor(private matSnackBar: MatSnackBar) {}

  openSnackBar(message: string) {
    this.matSnackBar.open(message, "Fechar", {
      duration: 4000,
    });
  }
}
import { SnackBarService } from "../../../shared/material/snack-bar/snack-bar.service";

@Component({
  selector: "app-toolbar",
  templateUrl: "./toolbar.component.html",
  styleUrls: ["./toolbar.component.scss"],
})
export class ToolbarComponent {
  constructor(
    private snackBarService: SnackBarService,
    private router: Router
  ) {}
  
  logout() {
    this.router.navigate(["login"]).then(() => {
      this.snackBarService.openSnackBar("Desconectado com sucesso!");
    });
  }
}