angular - 如何在 dx Gallery 中绑定数据源？

Question

数据源需要绑定在更嵌套的循环中。

        <div *ngFor="let singleImg of training.exercise.pictureList; let t = index">
          <dx-gallery #gallery  
          id="gallery"
          [dataSource]="singleImg.url" 
          [loop]="true"
          [height]="300"
          [showNavButtons]="true"
          [showIndicator]="true"
      ></dx-gallery>
        </div>

我在 training.exercise.pictureList 之前有一个循环，但这对你来说并不重要。我知道在 .ts 文件中循环并在此处绑定数组，但总是打印相同的照片...这里可能是绑定索引的问题

Answer 1

根据 devextreme 的文档，数据源是每个图像的 url 的字符串数组。

例如：

[dataSource] = [
    "images/gallery/1.jpg",
    "images/gallery/2.jpg",
    "images/gallery/3.jpg",
    "images/gallery/4.jpg",
    "images/gallery/5.jpg",
    "images/gallery/6.jpg",
    "images/gallery/7.jpg",
    "images/gallery/8.jpg",
    "images/gallery/9.jpg"];

您可以尝试删除 div 元素并将数组直接提供给 dataSource ，例如：

<dxGalley 
[dataSource]= "training.exercise.pictureList";>