Угловой 6 телефонный номер с возможностью звонка

Question

В angularJs вы можете привязать телефонный номер к вашему HTML с помощью функции HTML5, чтобы щелкнуть по нему, чтобы вызвать вызов номера, следующим образом:

<a href="tel:{{location.phoneNumber}}">{{location.phoneNumber | phoneFilter}}</a>

Как это сделать в Angular 6?Я попробовал следующее, но выдает ошибку:

<a [href]="tel:{{l.phoneNumber}}">{{l.phoneNumber}}</a>

Answer 1

Вы можете сделать то же самое в Angular с синтаксисом привязки шаблона {{...}} или с помощью конкатенации строк при использовании привязки атрибута [href]="...".Примеры:

<a href="tel:{{location.phoneNumber}}">{{location.phoneNumber | phoneFilter}}</a>
<a [href]="'tel:' + location.phoneNumber">{{location.phoneNumber | phoneFilter}}</a>

Демо

Answer 2

Попробуйте изменить его на:

<a href={{'tel:'+l.phoneNumber}}>{{l.phoneNumber}}</a>