HTTP Service [17] Getting Data [6] Subscribe Syntax Format JSON Console.log API Data Display Data Display Data Cards Display only 10 item Create Data [2] Console Form Value Add New Item to the List Update Data [5] Console the Title onClick Edit the Clicked Title in the Input Field Update Title on hit Enter Focus on field while edit Focus on input field by default Delete Data Search and Filter Cookie Notice Filter [2] JSON Cards Routing [8] Lazy Loading Albums Single Gallery Lightbox Pagination Close on escape Keyboard pagination Resolver Shopping List [2] Drag and drop FireBase Expense Tracker Todo List Firebase / Realtime Firebase / Firestore [6] Create Read Update Delete CRUD Display multiple tables Reactive Forms [3] Console input value Reset fields Validation Calculator Movies [8] Read Create Delete Update Focus Cancel Feedback setTimeout Filters [3] Search Select Search + Select Security [1] CSRF token Authentication [11] Angular Fire Firebase Rules Login Form Login / Logout Redirect after login AuthState Login Error Generate Token Guards Registration Firebase validation Home / Dev Flames / Angular Mentor / HTTP Service Delete Data onDeletePost(post: { id: any; title: string }) { this.http.delete(`${this.url}/${post.id}`).subscribe(() => { // Upon success, remove post from local array this.posts = this.posts.filter((p) => p.id !== post.id); }); } Doc navigation < Update Data Was this page helpful? Yes No