GPT

Authentication Component Example

import { Component } from '@angular/core'; import { AppwriteService } from '../../services/appwrite.service'; @Component({ selector: 'app-auth', template: {{ loading ? 'Loading...' : 'Login' }}

Prompt text

Original English text. Replace placeholders with your own details.

import { Component } from '@angular/core';
import { AppwriteService } from '../../services/appwrite.service';

@Component({
 selector: 'app-auth',
 template: `
 <div class="auth-container">
 <form (ngSubmit)="login()" #loginForm="ngForm">
 <div class="form-group">
 <input [(ngModel)]="email" name="email" type="email" required>
 </div>
 <div class="form-group">
 <input [(ngModel)]="password" name="password" type="password" required>
 </div>
 <button type="submit" [disabled]="!loginForm.form.valid || loading">
 {{ loading ? 'Loading...' : 'Login' }}
 </button>
 </form>
 </div>
 `
})
export class AuthComponent {
 email = '';
 password = '';
 loading = false;

 constructor(private appwrite: AppwriteService) {}

 login() {
 this.loading = true;
 this.appwrite.login(this.email, this.password).subscribe({
 next: () => {
 this.loading = false;
 // Handle successful login
 },
 error: () => {
 this.loading = false;
 // Handle login error
 }
 });
 }
}

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 →