GPT

Authentication

import { Component } from '@angular/core'; import { AngularFireAuth } from '@angular/fire/compat/auth'; import firebase from 'firebase/compat/app'; @Component({ selector: 'app-auth', template: Hello {{ user.displa

Prompt text

Original English text. Replace placeholders with your own details.

import { Component } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/compat/auth';
import firebase from 'firebase/compat/app';

@Component({
 selector: 'app-auth',
 template: `
 <div *ngIf="auth.user | async as user; else showLogin">
 <h1>Hello {{ user.displayName }}!</h1>
 <button (click)="logout()">Logout</button>
 </div>
 <ng-template #showLogin>
 <button (click)="login()">Login with Google</button>
 </ng-template>
 `
})
export class AuthComponent {
 constructor(public auth: AngularFireAuth) {}

 login() {
 this.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
 }

 logout() {
 this.auth.signOut();
 }
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →