remove selected object from an array in angular 11
import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: `<div> <h1>angular remove element from array</h1> <div *ngFor="let value of myArray;"> {{ value.id }}. {{ value.name }} <button (click)="removeItem(value)">Remove</button> </div> </div>`, styleUrls: [ './app.component.css' ]})export class AppComponent { name = 'Angular'; myArray = [ { id:1, name:'Hardik'}, { id:2, name:'Paresh'}, { id:3, name:'Rakesh'}, { id:3, name:'Mahesh'}, ]; removeItem(obj){ this.myArray = this.myArray.filter(item => item !== obj); }}
Are there any code examples left?
New code examples in category TypeScript
-
TypeScript 2022-03-27 19:30:45 typescript promise
-
TypeScript 2022-03-27 17:25:44 how to search for imports in vscode
-
TypeScript 2022-03-27 17:15:20 angular formgroup mark as touched
-
TypeScript 2022-03-27 17:05:06 use of slice and splice add elements array
-
TypeScript 2022-03-27 16:50:23 android studio loop through all objects in layout
-
TypeScript 2022-03-27 14:35:08 wergensherts meaning
-
TypeScript 2022-03-27 13:50:15 remove all the elements from a numpy array python
-
TypeScript 2022-03-27 12:35:49 redux toolkit typescript install
-
TypeScript 2022-03-27 12:35:30 laravel middleware for apis