我试图使用Ionic的图像选择器来选择多个图像并将其显示在一个 . 但我尝试了不同的东西,我无法让它工作,我得到图像选择器,我能够选择图像,但我不能让它显示,而不是在图像标签,而不是在滑块 .
TS功能:
addImages() {
let options = {
maximumImagesCount: 10,
outputType: 1
};
this.imagePicker.getPictures(options).then((results) => {
for (var i = 0; i < results.length; i++) {
console.log('Image URI: ' + results[i]);
console.log("Image URI base64? " + results[i])
this.imagePaths.push(results[i]);
}
}, (err) => { console.log("Coulden't get picture") },
);
}
HTML:
<ion-slides class="imageSlider" pager>
<ion-slide [(ngModel)]="imagePaths" *ngFor="let imagePath of imagePaths | async, let i = index">
<img class="img_card" src="{{ imagePath }}" />
</ion-slide>
<ion-slide (click)="addImages()">
<ion-icon name="add"></ion-icon>
<p>Voeg foto's toe van uw woning</p>
</ion-slide>
</ion-slides>
我尝试了其他一些东西,但似乎没有任何工作,我也尝试在选择图像后导航到另一个页面,因为我认为2路绑定可能有问题,但这也没有用 .
PS:我没有收到任何错误,图片只是没有添加到滑块 .
有谁知道我做错了什么?
提前致谢 .
1 回答
愚蠢的错误,但在2天后尝试不同的事情我意识到我从另一个页面复制/粘贴
ngFor
并且仍然有|
异步部分 .这就是图像没有出现的原因 .
但它现在有效 .