Angular 8 Firebase CRUD operations with @angular/fire

https://ozenero.com/angular-8-firebase-tutorial-crud-operations-angular-fire-example

Angular 8 Firebase CRUD operations with @angular/fire

In this tutorial, we’re gonna create a simple Angular 8 Application that does CRUD to create, read, update, delete data to/from Firebase Realtime Database using @angular/fire.

Related Posts:

• Angular 8 Firebase tutorial: Integrate Firebase into Angular 8 App with @angular/fire
• Angular 8 Firestore tutorial with CRUD application example – @angular/fire
• Angular 8 – Upload/Display/Delete files to/from Firebase Storage using @angular/fire

Technology

• Angular 8
• @angular/fire 5.1.2
• firebase 5.9.4

  Video

  Firebase CRUD operations with @angular/fire

  Set up the Firebase Project & Install @angular/fire

  Please visit this post to know step by step.

  Firebase CRUD operations for Object

  Create an object binding/ Retrieve

  
  item: AngularFireObject;
  // db: AngularFireDatabase
  this.item = db.object('item');

// or
Observable item = db.object('item').valueChanges();

Create

// db: AngularFireDatabase
const itemRef = db.object('item');

// set() for destructive updates
itemRef.set({ name: 'ozenero'});

Update

// db: AngularFireDatabase
const itemRef = db.object('item');
itemRef.update({ url: 'ozenero.com'});

Delete

// db: AngularFireDatabase
const itemRef = db.object('item');
itemRef.remove();

List of Objects

https://ozenero.com/angular-8-firebase-tutorial-crud-operations-angular-fire-example