src/lib/header/sign-out/sign-out.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | rxap-sign-out |
| standalone | true |
| imports |
MatButtonModule
MatIconModule
|
| styleUrls | ./sign-out.component.scss |
| templateUrl | ./sign-out.component.html |
Methods |
|
| Public Async logout |
logout()
|
|
Returns :
any
|
import {
ChangeDetectionStrategy,
Component,
inject,
} from '@angular/core';
import { RxapAuthenticationService } from '@rxap/authentication';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
@Component({
selector: 'rxap-sign-out',
templateUrl: './sign-out.component.html',
styleUrls: [ './sign-out.component.scss' ],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: true,
imports: [ MatButtonModule, MatIconModule ],
})
export class SignOutComponent {
private readonly authenticationService = inject(RxapAuthenticationService);
public async logout() {
await this.authenticationService.signOut();
}
}
<button mat-icon-button (click)="logout()">
<mat-icon svgIcon="logout"></mat-icon>
</button>
./sign-out.component.scss