2 回答

TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊
你的問題是里面的對(duì)象playlist和開始的一樣。嘗試克隆對(duì)象并將新項(xiàng)目添加到克隆項(xiàng)目中:
import { Component, OnInit } from '@angular/core';
import { ApiService } from '../../../services/api.service';
import { FormGroup, FormControl } from '@angular/forms';
import { FormBuilder } from '@angular/forms';
import { faSearch } from '@fortawesome/free-solid-svg-icons';
import { faRedo } from '@fortawesome/free-solid-svg-icons';
import { faHeadphones } from '@fortawesome/free-solid-svg-icons';
import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
import { faPlus } from '@fortawesome/free-solid-svg-icons';
@Component({
selector: 'app-content',
templateUrl: './content.component.html',
styleUrls: ['./content.component.scss']
})
export class ContentComponent {
public data = [];
public playlist = [];
public apiData: any;
public results = [];
public loading = false;
public noData: any;
p: number = 1;
faSearch = faSearch;
faRedo = faRedo;
faHeadphones = faHeadphones;
faExternalLinkAlt = faExternalLinkAlt;
faPlus = faPlus;
searchQuery: string = "";
clickMessage = '';
constructor(private service: ApiService) { }
...
addSongToPlaylist(itunes) {
const playlistSong = {...this.playlist};
playlistSong.push(itunes);
this.playlist = playlistSong;
console.log('Playlist - ', this.playlist);
}
...
}

TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊
您需要從組件輸出播放列表,然后將其分配給頁面組件中的變量,然后可以將其傳遞給應(yīng)用程序標(biāo)題:
<app-header [playlist]="playlist"></app-header>
<app-content [playlistOutputEvent]="playlist = $event;"></app-content>
添加回答
舉報(bào)