Angular 如何围绕动态组件缠绕角度组件

Angular 如何围绕动态组件缠绕角度组件,angular,angular-components,Angular,Angular Components,我有一个应用程序,需要为许多不同类型的列表水平滚动。这是一个音乐应用程序,所以我可以水平滚动相册图像、特色图像等。我生成了一些html,可以为相册项目列表创建水平滚动,如下所示: <div class="hs-grid"> <div class="hs full""> <app-album-item *ngFor="let releaseEl of releases" [submission]="releaseEl"></app-albu

我有一个应用程序,需要为许多不同类型的列表水平滚动。这是一个音乐应用程序,所以我可以水平滚动相册图像、特色图像等。我生成了一些html,可以为相册项目列表创建水平滚动,如下所示:

<div class="hs-grid">
  <div class="hs full"">
      <app-album-item *ngFor="let releaseEl of releases" [submission]="releaseEl"></app-album-item>
  </div>
</div>


ng content
指令允许在另一个组件中动态插入组件和HTML内容。Angular大学提供了有关Angular中内容投影的更多详细信息

您可以将“scroller”组件模板定义为:

<div class="hs-grid">
  <div class="hs full"">
    <ng-content></ng-content>
  </div>
</div>


接受2个输入。正如您所说的,第一个输入可以用于项目,第二个输入可以是内部组件选择,使用第二个输入,您可以在内部组件上运行开关盒。从不知道
ng content
!感谢您链接Angular University链接,这正是我需要的:)
<div class="hs-grid">
  <div class="hs full"">
    <ng-content></ng-content>
  </div>
</div>
<app-horizontal-scroll-grid>
  <app-album-item *ngFor="let releaseEl of releases" ...></app-album-item>
</app-horizontal-scroll-grid>