如何在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在子組件中選擇所有可用的墊卡/元素，但是，它選擇了每個元素。 感謝Avance

Answer 1

我找到了答案。 對於正在尋找解決方案的人們，我在父元素的頂部添加了另一個div並應用了一個類。 代碼如下：

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

解決方案非常簡單，在問這里之前，我不知道自己怎么想不到。