您好,我试图永久删除此对象数组的元素:
playlists: object[] = [
{ title: 'Ejemplo 1', songs: [ 'cancion1', 'cancion2', 'cancion3'] },
{ title: 'Ejemplo 2', songs: [ 'cancion1', 'cancion2', 'cancion3' ] }
];
我尝试使用splice方法,但是当我刷新网页时,它再次出现:´´´deletePlaylist(index:number){
this.playlists.splice(index, 1);
}´´´索引来自哪里:
<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>
有什么想法吗?
通过刷新网页,您将失去应用程序的任何当前状态。再次使用包含2个项目的playlists数组创建该组件。如果要在刷新网页时跟踪数据更改,则需要保留它。