Как объединить img sr c в html

Question

Моя цель - создать таблицу с множеством изображений. Делая это, я иду через массив, который имеет местоположение этого изображения. Моя проблема в том, как мне превратить эту строку в динамическую c одну:

 <td><img src="http://openweathermap.org/img/w/ + local.weather[0].icon +.png"></td>

"local.weather [0] .icon" является частью Dynami c. Я не могу понять, как это работает.

Answer 1

вам придется сделать это вручную в js. (Вы не можете добавить атрибут sr c динамически при загрузке страницы. Для этого вам придется сделать это либо на сервере, либо изменить его с помощью js при загрузке окна). Попробуйте код ниже.

<td><img id="weatherImg"></td>

window.addEventListener('load', () => {
    document.getElementById("weatherImg").src = `http://openweathermap.org/img/w/${local.weather[0].icon}.png`;
});

Answer 2

Использовать строки шаблона.

here is the example,
var val = 'fortnite'
var x = 'I play ${val}';
console.log(x);     // I play fortnite
val = 'pubg'
console.log(x);     // I play pubg
//so I have made that dynamic using template strings. Use ` key instead for quotes.
[![This is the key][1]][1]