html - 如何在<a>标记中使用 Angular 变量

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

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
如何在标记中使用此变量？

最佳答案

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

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

关于html - 如何在<a>标记中使用 Angular 变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54574831/