如何在 angular 2 *ngFor 循环中使用 Multiple PrimeNG Galleria？

Question

<li *ngFor="let image of images">
    <img src="assets/images/{{image.href}}" />
</li>

这是我的代码，里面的每个li循环都从数据库获取多张图片，

如何在li循环中使用PrimeNG Galleria。？

默认的 PrimeNG Galleria HTML 代码是

<p-galleria [images]="images" panelWidth="500" panelHeight="313"></p-galleria>

默认的PrimeNG Galleria Component.ts 代码是

images: any[];
ngOnInit() {
    this.images = [];
    this.images.push({source:'assets/img/gal1.jpg', alt:'Description 1', title:'Title 1'});
    this.images.push({source:'assets/img/gal2.jpg', alt:'Description 2', title:'Title 2'});
    this.images.push({source:'assets/img/gal3.jpg', alt:'Description 3', title:'Title 3'});
    this.images.push({source:'assets/img/gal4.jpg', alt:'Description 4', title:'Title 4'});
}

Answer 1

不需要列表

。 使用简单的 div

<div  *ngFor="let image of images">
    <p-galleria [images]="images" panelWidth="500" panelHeight="313"></p-galleria>
</div >

这应该可以完成工作