How can i delete object from an array

Question

I have listed array objects on html page, when i click on any of them i get its info, let me explain how i am doing this

my test.ts file

this.fetchdata = JSON.parse(localStorage.getItem('education'));
 log(elem) { 
    console.log(elem); 

  }

my test.html

 <ul id="elements">
          <li *ngFor="let elem of fetchdata" (click)="log(elem)">
              {{elem.title}} {{elem.description}}
          </li>
      </ul>

when i click i see this in console -

How can i delete the clicked record from locally stored array in key education ?

Carsten · Accepted Answer · 2017-09-01 10:19:22Z

3

Keep track of the index

*ngFor="let elem of fetchdata; let index = index"

deleteItem(index){
    this.fetchdata.splice(index, 1);
}

edited Sep 1, 2017 at 10:19

answered Sep 1, 2017 at 10:05

Carsten

4,22825 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user2828442 Over a year ago

i am trying to understand , in html i am doing this, is it ok - <li *ngFor="let elem of fetchdata; let index = index" (click)="log(elem,index)"> and in my ts file log(elem,index) { console.log(elem); console.log(index); } once i get the index number, i can use it to delete

user2828442 Over a year ago

this is working fine, but data not getting deleted from array in local storage, only being vanished from page

The Hungry Dictator Over a year ago

You are splicing the data from the array not from the actual source. If you are looking for that you need to provide more details.

Carsten Over a year ago

after you deleted the item, you need to persist the data to localStorage again using the localStorage.setItem('education', JSON.stringify(this.fetchdata)); or something

Sajeetharan · Accepted Answer · 2017-09-01 10:01:21Z

3

Your log function should be,

log(elem :any){
   let objDelete = this.fetchdata.indexOf(elem , 0);
   if (objDelete > -1) {
    this.fetchdata.splice(objDelete, 1);
  }
}

answered Sep 1, 2017 at 10:01

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

4 Comments

Swoox Over a year ago

This is almost correct you now have to localStorage.removeItem('education') And localStorage.setItem('education', JSON.stringfy(this.fetchdata))

user2828442 Over a year ago

Property 'splice' does not exist on type 'string'

Sajeetharan Over a year ago

you need to have fetchdata globally and parse it to list

Sajeetharan Over a year ago

also you need to update the localstorage once removed

Collectives™ on Stack Overflow

How can i delete object from an array

2 Answers 2

4 Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Linked

Related