Angular - 无法绑定到href

Question

我试图使角度div成为可点击的，并将用户重定向到网页。当我尝试使用ng-href时，我的应用程序甚至不会加载，让我相信我弄错了！我似乎无法在任何地方找到答案，所以，我们在这里......

我收到错误：

'无法绑定到'ng-href'，因为它不是'a'的已知属性。 （”

我的HTML：

    <div *ngIf="showInsightContainer" class="EngagementOverview-Container">
    <a ng-href="{{ insightUrl }}"> </a>

  <p class="EngagementOverview-Description"> {{ insightAreaName || translate }} </p>
</div>

我的JS代码：

 public insightId = '';
 public insightUrl = '';

          this.insightId = this.engagementService.currentInsightId;

          this.insightUrl = `https://website...${this.insightUrl}/explore/summary`

我没有在我的'a'中添加任何CSS，我打算使它与我的div容器的大小相同，然后整个东西都可以点击，通过css为我的容器：

.EngagementOverview-Container {
  border-top: $border;
  margin-top: 20px;
  padding-top: 20px;
}

我是愚蠢的，错过了一些非常明显的事情吗？

谢谢，如果你能帮助我！

Answer 1

我猜你使用的是Angular而不是AngularJS。如果是，则在这种情况下，您可以使用

[href]="URL"

它会工作正常。这里的URL将是您在JS代码中提供网页URL的变量。

Answer 2

下面的代码应该工作

<a href={{insightUrl }}> LinkText </a>

也为锚点使用一些值（LinkText）