如何在 Angular 6 中选择动态创建的子组件中的所有元素？

Question

我正在通过父组件动态创建具有多个垫卡的子组件，我试图将样式应用于整个垫卡，但每个垫卡都被视为一个整体 div。在子组件中选择多个垫卡/元素的任何方法？

父组件代码： HTML

<app-feed-item *ngFor="let document of documents"
  [document]="document"
  [users]="users">
</app-feed-item>

子组件： HTML

<div class="mainDiv">
   <mat-card class="feedDiv">
       ....
   </mat-card>
</div>

我希望 mainDiv 选择子组件中所有可用的 mat-cards/元素，而是选择每个元素。提前感谢

Answer 1

我找到了答案。对于寻找解决方案的人，我在父元素的顶部添加了另一个 div 并应用了一个类。代码如下：

<div class="topDiv">
   <app-feed-item *ngFor="let document of documents"
      [document]="document"
      [users]="users">
   </app-feed-item>
</div>

解决方法很简单，不知道怎么想不到这个才问到这里。