Angular - 无法绑定 href

Question

我希望您能翻译以下内容：

我正在尝试使Angular中的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;
}

我是不是很傻，错过了一些非常明显的东西？

如果您能帮助我，谢谢！

- Sparlarva

---

请使用 [routerLink] 替代 ng-href。 - Rahul

Answer 1

我猜你正在使用 Angular 而不是 AngularJS。如果是这样，你可以使用

。

[href]="URL"

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

- Sunny Parekh

Answer 2

以下代码应该可以工作

<a href={{insightUrl }}> 链接文本 </a>

同时为锚点（链接文本）使用一些值

- Rafiq