以角度链接到动态外部源

Question

在AngularJS中，我有这样的链接：

 <a ng-href="http://maps.google.com/?q={{field.location.coordinates[1]}},{{field.location.coordinates[0]}}">{{field.location.address}}</a>

如何在Angular 7中创建它？它是数据库提供的文本和动态数据的组合。

Answer 1

您可以像这样使用[attr.href]

<a [attr.href]="'http://maps.google.com/?q=' + field.location.coordinates[1] + ',' + field.location.coordinates[0]">{{field.location.address}}</a>

演示https://stackblitz.com/edit/angular-attr-href