Question

我有几个锚标签的表。我想在单击每个锚标记时动态创建一个外部URL。我尝试使用[routerLink]，但正在附加基本URL。有什么角度的方法吗？非常感谢您的帮助。

html

<ng-container matColumnDef="invoiceNo">
          <mat-header-cell *matHeaderCellDef > Invoice # </mat-header-cell>
          <mat-cell *matCellDef="let invoice"> 
            <a [routerLink]="getInvoiceUrl()"  target="_blank">
              {{invoice.invoiceNumber}}
            </a>
          </mat-cell>
        </ng-container>

ts

 getInvoiceUrl(){

return "www.google.com";

}

Answer 1

public link =“ public”

在标签中使用它-> [href] = link> {{link}}

它将重定向到www.localhost：4200 / public

Answer 2

是的，只需使用href：

<a [href]="getInvoiceUrl()">

请确保您包含http ：，否则它将包含域。

如此：

return "http://www.google.com";

Answer 3

如果使用 routerLink ，则需要配置自己的路由，在这种情况下，只需使用[href]

<a href="{{getInvoiceUrl()}}">Link</a>

Answer 4

除了锚标签，您还可以使用其他东西吗？

<span (click)="takeMeToDynamicUrl()">link text</span>

然后您的方法可以创建URL并使用任意数量的可用方法将您带到该URL，例如

document.location.href = 'https://dynamicallycreatedurl.com';

在定位标记点击上构建动态网址-角度5

4 个答案: