在href属性中插入javascript变量

在href属性中插入javascript变量,javascript,html,angularjs,Javascript,Html,Angularjs,我正在尝试动态生成一个HTML链接,并将该链接作为AngularJS应用程序中锚定标记的href属性。我的代码如下: const objectUrl = baseUrl + s3Bucket + '/' + objectKey; const link = '<a href=`${objectUrl}`> MyLink</a>'; 但这给了我相同的文本字符串%60$%7BobjectUrl%7D%60。有没有办法插入变量,使href链接变成baseUrl+s3Bucket

我正在尝试动态生成一个HTML链接,并将该链接作为AngularJS应用程序中锚定标记的
href
属性。我的代码如下:

const objectUrl = baseUrl + s3Bucket + '/' + objectKey;
const link = '<a href=`${objectUrl}`> MyLink</a>';
但这给了我相同的文本字符串
%60$%7BobjectUrl%7D%60
。有没有办法插入变量,使href链接变成
baseUrl+s3Bucket+'/'+objectKey

试试这个

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


模板字符串的位置正好相反。
`
应该位于字符串的外部

constObjectUrl='yourURL';
常量链接=``;
控制台日志(链接)像这样使用:

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

如何在模板中插入
链接
?为什么不在模板中编写acncor标记并在其上使用ng href=“{{objectUrl}}}”?
<a ng-attr-href="{{objectUrl}}">My Link</a>
const link = `<a href="${objectUrl}">MyLink</a>`