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

Mal*_*nka 1 html angular

在我的组件中,我订阅了一些基本数据:

ngOnInit() {
    this.data.getBasics().subscribe(
      data => {
        this.basics = data
      }
    )
  }
Run Code Online (Sandbox Code Playgroud)

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

<h1>{{ basics.surname }}</h1>
Run Code Online (Sandbox Code Playgroud)

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

<a href={{ basics.mypage }}>Go to my page</a>
Run Code Online (Sandbox Code Playgroud)

但这样它把我送到

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

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

Dha*_*val 5

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

<a href="{{basics.mypage}}">Go to my page</a>
Run Code Online (Sandbox Code Playgroud)