Question

我试图使div中的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）使用一些值

角度-无法绑定到href

2 个答案: