在href属性中插入javascript变量

Question

我正在尝试动态生成HTML链接，并将该链接作为我的AngularJS应用程序中的锚标记的href属性。 我有以下代码：

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

我认为使用JS的字符串模板可以工作，但这会在URL的末尾插入%60$%7BobjectUrl%7D%60 。 我也试过了

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

尝试

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

Answer 4

像这样使用模板文字 ：

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