网易云接收数据

//app.module.ts
import { NgModule } from '@angular/core';//核心模块
import { BrowserModule } from '@angular/platform-browser';//浏览器解析模块
import { AppComponent } from './app.component';//App组件
import {HttpClientModule} from '@angular/common/http';
import { MovieItemComponent } from './movie-item/movie-item.component';
import { MusicItemComponent } from './music-item/music-item.component';
//装饰器
@NgModule({
  // 配置（声明）当前项目运行依赖的组件
  declarations: [
    AppComponent,
    MovieItemComponent,
    MusicItemComponent,
  ],
  // 配置当前项目运行依赖的其他模块
  imports: [
    BrowserModule,
    HttpClientModule
  ],
  // 配置项目所需要的服务
  providers: [],
  // 指定应用的主视图
  bootstrap: [AppComponent]
})
// 导出APPModule启动应用
export class AppModule { }

//app.component.html
<app-movie-item [arr]="arr"></app-movie-item>

//movies-item.component.html
<div class="tatall">
    <div class="content"  *ngFor="let item of arr">
        <img class="img" src="{{item.coverImgUrl}}" alt="">
        <p>{{item.name}}</p>
    </div>
</div>

//movies-item.component.ts
import { Component, OnInit,Input } from '@angular/core';
@Component({
  selector: 'app-movie-item',
  templateUrl: './movie-item.component.html',
  styleUrls: ['./movie-item.component.css']
})
export class MovieItemComponent implements OnInit {
  constructor() { }
  @Input()arr!:any;
  ngOnInit(): void {
  }
}

//app.component.ts
import { Component } from '@angular/core';
import {HttpClient} from '@angular/common/http'
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-homework';
  constructor (public http:HttpClient){};
  lists:Array<string>=["html","css","js"];
  play:any=[];
  handleClick():void{
    console.log(this.title)
    this.title ="change"
  }
  ngOnInit(){
    console.log(this)
    var url:string = "http://localhost:3000/top/playlist?cat=%E5%8D%8E%E8%AF%AD";
    console.log(this.http)
    this.http.get(url).subscribe((res:any)=>{
      this.play=res.playlists;
      console.log(res.playlists)
    })
  }
}