Problems deleting an element from a object array in typescript

Question

I'm trying to delete permanently an element of this object array:

 playlists: object[] = [
        { title: 'Ejemplo 1', songs: [ 'cancion1', 'cancion2', 'cancion3'] },
        { title: 'Ejemplo 2', songs: [ 'cancion1', 'cancion2', 'cancion3' ] }
  ];

I've tried with the splice method but it when I refresh the webpage it appears again:

deletePlaylist( index: number){

      this.playlists.splice(index, 1);

  }

Here from where does index come from:

<div *ngFor="let playlist of playlists; let i = index" class="card text-white bg-success m-3 animated fadeIn" style="max-width: 18rem;">
        <div class="card-header">{{ playlist.title }}</div>
        <div class="card-body">
            <h5 class="card-title">{{ playlist.title }}</h5>
            <ul *ngFor="let song of playlist.songs" class="card-text">
                <li>{{ song }}</li>
            </ul>
            <div class="row">
                <div class="col text-right">
                    <button (click) = "deletePlaylist( i )" class="btn btn-danger text-left" ><i class="fas fa-trash"></i></button>
                </div>
            </div>
        </div>
    </div>

Any ideas?

Does this answer your question? Persist variables between page loads — Heretic Monkey
– Heretic Monkey, Commented May 23, 2020 at 21:33

Gérôme Grignon · Accepted Answer · 2020-05-23 21:11:36Z

1

By refreshing your webpage, you loose any current state of your application. The component is once again created with the playlists array containing 2 items. If you want to keep track of data changes when refreshing your webpage, you need to persist it.

answered May 23, 2020 at 21:11

Gérôme Grignon

4,2581 gold badge9 silver badges19 bronze badges

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

Comments

i.karayel · Accepted Answer · 2020-05-23 21:34:24Z

0

You can save to local storage or session storage. Example

localStorage.setItem(key, JSON.stringify(val));

and you can get with:

var myObject = JSON.parse(localStorage.getItem('key'));

see

answered May 23, 2020 at 21:34

i.karayel

4,9452 gold badges25 silver badges29 bronze badges

Collectives™ on Stack Overflow

Problems deleting an element from a object array in typescript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related