Плагин выбора ионных изображений, показывающий, что изображение не работает - PullRequest
Новая
       12

Плагин выбора ионных изображений, показывающий, что изображение не работает

0 голосов
/ 26 апреля 2018

Я пытаюсь использовать средство выбора изображений для 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>

Я пробовал некоторые другие вещи, но ничего не помогло, я также пытался перейти на другую страницу после выбора изображения, потому что я подумал, что, возможно, что-то не так с двухсторонней привязкой, но это также не сработало.

PS: Я не получаю никаких ошибок, изображение просто не добавляется в слайдер.

Кто-нибудь знает, что я делаю не так?

Заранее спасибо.

1 Ответ

0 голосов
/ 14 июня 2018

Глупая ошибка, но через 2 дня и пробуя разные вещи, я понял, что скопировал / вставил ngFor с другой страницы и все еще имел там асинхронную часть |.

Вот почему изображения не отображаются.

Но теперь это работает.

...