【发布时间】:2018-06-14 23:01:05
【问题描述】:
我正在尝试使用 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:我没有收到任何错误,只是图像没有添加到滑块中。
有人知道我做错了什么吗?
提前致谢。
【问题讨论】:
-
愚蠢的错误,但经过 2 天并尝试了不同的事情后,我意识到我从另一个页面复制/粘贴了 ngFor,但其中仍然有
| asyncpart,这就是图像没有显示的原因向上。但现在可以了。