Aurelia или Webpack не связывают изображения вовремя - PullRequest
Новая
       19

Aurelia или Webpack не связывают изображения вовремя

0 голосов
/ 10 января 2019

из API я получаю результаты для изображений, которые мне нужно показать на моем VIEW (html-страница). Я получаю идентификаторы изображений, и у меня также есть API, который возвращает изображение с заданным идентификатором.

в моем .ts компонента я получаю идентификаторы для изображений, которые мне нужно показать, и помещаю их в список следующим образом: 

async attached(){
for(var i = 0; i<this.searchResults.length;i++){
let image = this.searchResults[i].carImage;
let response = await this.api.get(`/images/${image}`);
this.carImages.push(response);
}}

тогда в моем .html файле компонента я делаю следующее 

<div class="col-4" repeat.for="result of searchResults">
            <div class="card" >
              <img class="card-img-top" src="${carProfilePicture(result.carImage)}" alt="Card image cap">
              <div class="float-right card-price" style="text-align:center">
        <span><span style="font-weight:bold;">$ ${result.price}</span> /day</span>
              </div>
              <div class="card-body">
                <h5 class="card-title">${result.make} ${result.model} - ${result.year}</h5>
                <label class="card-text">20+ trips - <span style="border: 1px solid black;"> ${result.carClass}
                    class </span></label>
                <p><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></p>
                <button class="btn btn-secondary" click.trigger="navigateToCar()">Continue <i class="fas fa-angle-right"></i>
                </button>
              </div>
            </div>
          </div>

тогда у меня есть еще 1 функция, которая возвращает изображение автомобиля для каждого элемента 

async carProfilePicture(imageId) {
    let response = await this.api.get(`/images/${imageId}`);
    return response;
  }

но картинки не отображаются в моем html, поэтому я не знаю, в чем проблема и какой следующий шаг мне нужно попробовать. Большое спасибо

...