如何使用蚂蚁设计以角度创建动态网格视图？

Question

我有一个子组件，它具有像这样的 NZ 卡设计视图，

在父组件中，我需要调用这个子组件来形成一个动态的网格视图。此外，我需要将卡片标题、图像、描述等数据从父组件传递到子组件。请帮忙，我是新手。

Answer 1

假设您使用 API 获取卡片列表。您最终会得到一个 Observable<CardData>，其中 CardData 是一种类型，其中包含您的标题、图片网址、描述等...

@Component({
   selector: 'my-app',
   template: '<your-card *ngFor="let card of cards | async" [data]="card"></your-card>'
})
export class AppComponent  {
  cards$: Oservable<CardData>;
}

然后你可以使用 CSS 网格。