使http链接可以从JSON文件中单击

时间:2015-07-29 14:55:26

标签: angularjs ionic-framework

我从JSON文件中读取了一个http链接,并在我的HTML中使用angularjs绑定它。链接旨在在移动电话上执行。我正在使用基于Ionic框架的angularjs

创建移动应用程序

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点击主页链接?

1 个答案:

答案 0 :(得分:0)

您想使用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>