从 JSON 文件中使 http 链接可点击

Question

我从 JSON 文件中读取了一个 http 链接，并在我的 HTML 中使用 angularjs 来绑定它。这些链接旨在在手机上执行。我正在使用基于 angularjs 的 Ionic 框架创建一个移动应用程序

JSON：

 [
    {
      "Name" : "ABC",
      "Address" : "ABC 11",
      "Telephone" : "+1111111",
      "Homepage": "www.google.com",
      "Mail": "test@mail.com"
    }
  ]

HTML：

 <h2>{{item.Name}}</h2>
 <h2>{{item.Address}}</h2>
 <h2><a href="tel:">{{item.Telephone}}</a></h2>
 <h2><a href="url:">{{item.Homepage}}</a></h2>
 <h2><a href="mailto:">{{item.Mail}}</a></h2>

电话号码和电子邮件地址是可点击的。如果我点击这个，电话号码将被呼叫或邮件程序将被启动。随着网站的链接没有发生任何事情。如何使 HTML 中的主页链接可点击？

Answer 1

你想使用ng-href。

试试这样的：

 <h2>{{item.Name}}</h2>
 <h2>{{item.Address}}</h2>
 <h2><a href="tel:">{{item.Telephone}}</a></h2>
 <h2><a ng-href="{{item.Homepage}}">{{item.Homepage}}</a></h2>
 <h2><a href="mailto:">{{item.Mail}}</a></h2>