时间戳

首页 > 解决方案 > Angular - 无法绑定到 href

html - Angular - 无法绑定到 href

问题描述

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

我是不是很愚蠢，错过了一些很明显的东西？

如果你能帮助我，谢谢！

标签： htmlcssangular

解决方案

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

[href]="URL"

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

推荐阅读