In angular 4如何在 *ngHref 中使用 tel:

Question

我正在使用 angular 4 并且在模板 (.html) 中，我编码为

<a *ngHref="tel:{{orders.billing_address.telephone}}"> <span> Call : </span>

它抛出一个错误

Can't bind to 'href' since it isn't a known native property a

我搜索它并得到 angular 4 使用 [routerLink]。但是我不知道如何使用 [routerLink] 来设置 tel: numbers。能指导一下吗

Answer 1

[] 里面只有 href。它会让你删除 {{}} 部分。如果你想在里面连接字符串，你需要创建一个像 'tel:' + otherParts

这样的字符串

<a [href]="'tel:' + orders.billing_address.telephone"> <span> Call : </span>

Answer 2

使用 [href] 中的 angular 2

<a [href]="'tel:'+ orders.billing_address.telephone"> <span> Call : </span>