link to dynamic external source in angular

Question

In AngularJS, I have a link like this:

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

How do I create this in Angular 7? It's a combination of text and dynamic data provided from a database.

Hien Nguyen · Accepted Answer · 2019-04-11 01:35:24Z

1

You can use [attr.href] like this

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

answered Apr 11, 2019 at 1:35

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1