How to delete selected Student Id from Local Storage

Ramco Ramco

How to delete particulat student id from Local Storage Data.


    
           @for (item of  studentList;track $index){
            
          } 
        
        
            
                
                ID
                Name
                MobileNo
                
                Action
            
        
        
              
                
                {{item.id}}
                {{item.name}}
                {{item.mobileno}}

ID	Name	MobileNo	Action
{{item.id}}	{{item.name}}	{{item.mobileno}}

export class AppComponent implements OnInit{
  title = 'AngularFrm'; 

   isEditMode: boolean = false;
   isSubmitMode: boolean = true;
 

    @ViewChild('myModal') model : ElementRef | undefined;
    studentObj: Student = new Student();
    studentList:Student[] = [];
    
    ngOnInit(): void {
      const localData = localStorage.getItem("angular17Crud");
      if(localData != null){
        this.studentList=JSON.parse(localData)
      }
  }

-------------------------------------------------
export class Student {
  id:number;
  name:string;
  mobileno:string;
  email:string;
  city:string;
  state:string;
  pincode:string;
  address:string;


  constructor(){
    this.id=0;
    this.address ='';
    this.name='';
    this.mobileno='';
    this.email='';
    this.city='';
    this.state='';
    this.pincode='';
  }
}

Thanks

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Naimish Makwana2y ago
Accepted answer
To delete a particular student ID from the Local Storage data, you can add a onDelete method in your AppComponent class. This method will filter out the student with the given ID from the studentList array and then update the Local Storage data. Here’s how you can do it:
```
onDelete(id: number) {
  // Filter out the student with the given ID
  this.studentList = this.studentList.filter(student => student.id !== id);

  // Update the Local Storage data
  localStorage.setItem("angular17Crud", JSON.stringify(this.studentList));
}
```
In the above code, onDelete method takes a student ID as a parameter. It filters out the student with the given ID from the studentList array. Then, it updates the Local Storage data with the new studentList array.

Thanks
Jobin S2y ago
Hi Ramco

1.if you delete exact row in I'd to pass local storage list to find index and slice method to remove exact data

Deletefunction(id){

Var index= list.findindex(x=>x.id==id);

Localstoagelist.splice(index,1);

Then set localstorage

}