如何<a href>动态</a>绑定<a href>角度2中的模板？</a>

Question

请找到下面的代码

Component.ts

getReply():string{if(condition){
return "The link is: <a href = 'https://www.google.com'>Google</a>";
}

我在前端使用[innerHtml]绑定上述内容，使用该代码绑定上面的代码并在指向Google网站的点击时显示链接。

而当我尝试动态创建链接时，该链接会显示但未定向到Google网站。请在我尝试的方法下方找到，

Component.ts

export class ReplyComponent{
link : string;
    getReply():string{if(condition){
    this.link = "https://www.google.com";
        return "The link is: <a href = 'this.link'>Google</a>";
        }
}

尝试此操作后，我能够获得链接，但是它没有重定向到Google网站。 如果我做错了，请纠正我。

Answer 1

您的语法有问题。 return语句全为字符串。

return "The link is: <a href = 'this.link'>Google</a>";

在这里，return语句将其作为字符串返回。 为了达到动态效果，请按如下所示更改您的返回值：

return "The link is: <a href = "+this.link+">Google</a>";

因此this.link被视为变量而不是字符串。