получение изображения по пути

Question

Я пытаюсь динамически получить изображения, сохраненные в assets / imgs, по пути в базе данных. Но вместо получения изображения я получаю только его имя, названное id-1 / id-2. , , Что я делаю неправильно? Может ли кто-нибудь помочь мне? Мне нужно получать изображения по каждому продукту, но я не могу. Я буду очень благодарен всем, кто может мне помочь. Спасибо!

Если вы не знаете, как мне помочь в этой теме, скажите мне, как я могу динамически искать изображения. У меня есть список отредактированных продуктов в базе данных, я просто не могу вывести изображение.

ИЗОБРАЖЕНИЕ

моя БД

`getProdutosCategoria(pcategoria: number){

return new Promise<Produto[]>((resolve, reject) => { 

  let sql = "SELECT PR.NOM_PRODUTO, SC.NOM_SUBCATEGORIA, PR.DESC_PRODUTO, PR.VAL_PRODUTO, PR.DESC_DESCONTO, PR.DESC_EXPERIENCIA, 'assets/imgs/id-'|| cast(PR.ID as VARCHAR(100)) AS nom_imagem " + 
            "FROM TB_PRODUTO PR " +
            "     INNER JOIN TB_SUBCATEGORIA SC " +
            "        ON SC.ID = PR.SUBCATEGORIA_ID " +
            "WHERE SC.CATEGORIA_ID = " + pcategoria;
  console.log(sql);          
  this.executeQuery(sql).then(data => {
    let products = [];
    data.forEach(function (row) {
      let product: Produto = { nom_produto: row[0], nom_subcategoria: row[1],desc_produto: row[2],val_produto: row[3], desc_desconto: row[4], desc_experiencia: row[5],  nom_imagem: row[6]}
      products.push(product);
    });
    resolve(products);

  }).catch(error => {
    console.log(error);
  });

});

} `

   Modal
export interface Produto {
nom_produto: string;
nom_subcategoria: string;
desc_produto: string;
val_produto: number;
desc_desconto: string;
desc_experiencia: string;
nom_imagem: string;
}

и мой HTML

<img src="img/{{produto.nom_imagem}}" class="imgast">