Breaking News: Grepper is joining You.com. Read the official announcement!

angular material icons logout

Ankur answered on March 5, 2023 Popularity 6/10 Helpfulness 2/10

answer angular material icons logout

angular material icons logout

Comment

app.module.ts:

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { AppComponent } from './app.component'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { MatIconModule } from '@angular/material/icon'; 
import { MatButtonModule } from '@angular/material/button'; 
@NgModule({ 
    declarations: [ 
        AppComponent 
    ], 
    imports: [ 
        BrowserModule, 
        BrowserAnimationsModule, 
        MatIconModule, 
        MatButtonModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }

app.component.html:

<button mat-icon-button color="primary" (click)="logout()"> 
    <mat-icon>logout</mat-icon> 
</button>

app.component.ts:

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    logout() { 
        // code to logout user 
    } 
}

for detailed references visit link :https://programming-quest.blogspot.com/2023/03/simplifying-user-experience-how-to-add.html

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: programming-quest.blogspot.com

Tags: javascript logout

Link to this answer
Share Copy Link

Contributed on Mar 05 2023

Ankur

0 Answers Avg Quality 2/10

angular material icons logout

Contents

More Related Answers

angular material icons logout

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.