Ramco Ramco

Ramco Ramco

  • 462
  • 2.9k
  • 408.9k

How to delete selected Student Id from Local Storage

May 9 2024 8:22 AM

Hi

How to delete particulat student id from Local Storage Data.

<div class="col-lg-8">
    <table class="table table-striped table-bordered">
        <thead class="thead-dark">
            <tr>
                <!-- <th scope="col">#</th> -->
                <th scope="col">ID</th>
                <th scope="col">Name</th>
                <th scope="col">MobileNo</th>
                
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
           @for (item of  studentList;track $index){
            <!-- <tr *ngFor="let l of studentList; let i = index"> -->
              <tr>
                <!-- <td>{{l + 1}}</td>  -->
                <td>{{item.id}}</td>
                <td>{{item.name}}</td>
                <td>{{item.mobileno}}</td>
                
                <td>
                    <!-- <button type="button" class="btn btn-primary btn-sm me-2" >Edit</button>
                    <button type="button" class="btn btn-danger btn-sm ml-1"  >Delete</button> -->
                    <button type="button" class="btn btn-primary btn-sm ml-1" (click)="onEdit(item.id)">Edit</button> 
                    <button type="button" class="btn btn-danger btn-sm ml-1" (click)="onDelete(item.id)">Delete</button> 
                </td>
            </tr>
          } 
        </tbody>
    </table>
</div>
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


Answers (2)