Почему я не могу добавить значение этой переменной в мою таблицу?

Question

Я пытаюсь добавить переменную (ключ) к строке (table_data) и использовать ее при создании таблицы, моя проблема в том, что, когда я пытаюсь объединить ее в строку, она дает мне имя переменной ине ценность.когда я печатаю переменную самостоятельно, я получаю значение.при попытке открыть страницу с этой таблицей я получаю сообщение об ошибке «Не удалось разобрать остаток: '\' webapp-graphv2 \ '' + key + 'из« \ »webapp-graphv2 \' '+ key +'".Я действительно изо всех сил пытаюсь понять это и был бы признателен за некоторую помощь.

function populateTable(){
$.ajax({
  method: "GET",
  url: endpoint,
  success: function(data){
    console.log(data)
    $("#stats tr").remove();
    var table_data ='';


    for (var key in data){
      table_data += '<td><a href = "{% url \'webapp-graphv2\' '+key+'%}">Link</a></td>';
      table_data += '<td>' +key+ '</td>'
      table_data += '<td>' +data[key].EUR.PRICE+ '</td>';
      table_data += '<td>' +data[key].EUR.HIGHDAY+ '</td>';
      table_data += '<td>' +data[key].EUR.LOWDAY+ '</td>';
      table_data += '<td>' +data[key].EUR.MKTCAP+ '</td>';

      if (data[key].EUR.CHANGEPCT24HOUR[0] == '-') {
        table_data += '<td style = "color:red">' +data[key].EUR.CHANGEPCT24HOUR+ '</td>';
      } else {
        table_data += '<td style = "color:green">' +data[key].EUR.CHANGEPCT24HOUR+ '</td>';
      }
      table_data += '</tr>';
    }
    $('#stats').append(table_data);
    },
  })
  setTimeout(populateTable,1000);
}

Answer 1

Вы пишете, как показано ниже

table_data += "<td><a href = '{% url\\webapp-graphv2\\" + key + "%}'>Link</a</td>";