import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; import { User } from '../../../core/models/user.model'; import { UserService } from '../../../core/services/user.service'; @Component({ selector: 'app-profile', templateUrl: './profile.component.html', styleUrls: ['./profile.component.scss'], }) export class ProfileComponent implements OnInit { public _user: Observable = this.userService.user; public isModalOpened = false; constructor(private userService: UserService) {} ngOnInit(): void {} public toggleModal(): void { this.isModalOpened = !this.isModalOpened; } }