GPT

Firestore Data Management

import { Component } from '@angular/core'; import { AngularFirestore } from '@angular/fire/compat/firestore'; import { Observable } from 'rxjs'; @Component({ selector: 'app-data', template: {{ item.name }}

Prompt text

Original English text. Replace placeholders with your own details.

import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/compat/firestore';
import { Observable } from 'rxjs';

@Component({
 selector: 'app-data',
 template: `
 <ul>
 <li *ngFor="let item of items$ | async">
 {{ item.name }}
 </li>
 </ul>
 `
})
export class DataComponent {
 items$: Observable<any[]>;

 constructor(private firestore: AngularFirestore) {
 this.items$ = this.firestore.collection('items').valueChanges();
 }

 addItem(item: any) {
 this.firestore.collection('items').add(item);
 }

 updateItem(id: string, item: any) {
 this.firestore.doc(`items/${id}`).update(item);
 }

 deleteItem(id: string) {
 this.firestore.doc(`items/${id}`).delete();
 }
}

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 →