在 Angular 中创建具有动态歌曲数量的播放列表

Question

我正在尝试在我的网站上创建播放列表功能。后端已经搞定了，现在我只需要能够在前端展示它。

我是 Angular 的新手，我了解如何显示动态数量的播放列表，但是我如何才能为每个播放列表提供动态数量的歌曲（基于每个播放列表的歌曲数量，如数据库中所规定的那样） )。

我可以使用嵌套组件来实现这一点吗？我非常感谢设计结构/术语或指向如何完成此功能的教程的链接。

基本上我想要的是：

网页上的播放列表，一旦我单击播放列表，它就会显示其中正确数量的歌曲。 （我知道如何从我的后端获取信息，只是不知道如何在角度上显示它）

谢谢

Answer 1

您可以使用 ngFor 来显示歌曲：

<div>
    <p *ngFor="let song of songs">
        {{ song.name }} <!-- here you can use anything to display one song. -->
    </p>
</div>

songs 是您从后端获取的歌曲数组（您的播放列表）。