javascript - 在href属性内插入javascript变量

我正在尝试动态生成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？

最佳答案

反过来，您还有模板字符串。 `应该放在字符串的外部。

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

console.log(link);