如何在 <a> 标签中使用角度变量

Question

在我的组件中，我订阅了一些基本数据：

ngOnInit() {
    this.data.getBasics().subscribe(
      data => {
        this.basics = data
      }
    )
  }

我像这样在 html 中使用它们：

<h1>{{ basics.surname }}</h1>

它工作得很好。一些基础知识是链接。假设 basics.mypage 是“ http://mypage.com ”。我想在我的 html 文档中将它用作 href 。像这样的东西：

<a href={{ basics.mypage }}>Go to my page</a>

但这样它把我送到

http://localhost:4200/%7Bbasics.mypage%7D

如何在标签内使用这个变量？

Answer 1

只需将 {{basics.mypage}} 插入引号中

<a href="{{basics.mypage}}">Go to my page</a>