Вставьте переменную javascript в атрибут href

Question

Я пытаюсь динамически сгенерировать ссылку HTML, и эта ссылка должна быть атрибутом href моего тега привязки внутри моего приложения AngularJS.У меня есть код ниже:

const objectUrl = baseUrl + s3Bucket + '/' + objectKey;
const link = '<a href=`${objectUrl}`> MyLink</a>';

Я думал, что использование шаблонов строк JS будет работать, но это вставляет %60$%7BobjectUrl%7D%60 в конце URL.Я также пробовал

const link = '<a href={{objectUrl}}> MyLink</a>';

, но это дает мне ту же буквальную строку %60$%7BobjectUrl%7D%60.Есть ли способ вставить переменную, чтобы ссылка href стала baseUrl + s3Bucket + '/' + objectKey?

Answer 1

попробуйте

const link = '<a href="'+objectUrl+'" > MyLink</a>';

Answer 2

У вас есть шаблон строки наоборот. ` должно идти снаружи вашей строки.

const objectUrl = 'yourURL';
const link = `<a href="${objectUrl}">MyLink</a>`;

console.log(link);

Answer 3

Использовать шаблонный литерал как это:

const link = `<a href="${objectUrl}">MyLink</a>`

Answer 4

Попробуйте

<a ng-attr-href="{{objectUrl}}">My Link</a>