在href属性

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

像这样使用template literal：

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