Posts

Showing posts from December, 2018

Removing an existing Object in Angular using firebase

Removing an existing Object in Angular using firebase 1. Creating a component. 2. Fetching the list of user and Removing a particular component based on the key or entire list. 1. Creating a component ng g c list --spec=false The above command generates 3 file's as follow's  1. list.component.html 2. list.component.ts 3. list.component.css Here we will fetch the user's which we have already pushed into firebase in previous post. For reference please visit following link  https://angularfirebasedeveloper.blogspot.com/2018/10/pushing-form-data-into-fire-base.html . 2. Fetching the list of user and Removing a particular component based on the key or Username. In list.component.ts import { Component, OnInit } from '@angular/core'; import { AngularFireDatabase } from 'angularfire2/database'; @Component({ selector: 'app-list', templateUrl: './list.component.html', styleUrls: ['./list.component.css']...

Updating an existing Object in Angular using firebase

Updating an existing Object in Angular using firebase 1. Creating a component. 2. Fetching the list of user and Updating a particular component based on the key or Username. 1. Creating a component ng g c list --spec=false The above command generates 3 file's as follow's  1. list.component.html 2. list.component.ts 3. list.component.css Here we will fetch the user's which we have already pushed into firebase in previous post. For reference please visit following link  https://angularfirebasedeveloper.blogspot.com/2018/10/pushing-form-data-into-fire-base.html . 2. Fetching the list of user and Updating a particular component based on the key or Username. In list.component.ts import { Component, OnInit } from '@angular/core'; import { AngularFireDatabase } from 'angularfire2/database'; @Component({ selector: 'app-list', templateUrl: './list.component.html', styleUrls: ['./list.component.css'] ...