Angular/Ionic 中的超链接答案

【问题标题】：Hyperlink in Angular/IonicAngular/Ionic 中的超链接
【发布时间】：2015-06-16 02:54:33
【问题描述】：

我在将超链接添加到 ionic.hcard 中时遇到一些问题。我正在使用以下插件 (https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards)，codepen 在这里：http://codepen.io/drewrygh/pen/jEJGLx

当我尝试向 hcard 添加超链接时，没有任何反应。最好的方法是什么，有人知道吗？

<div ng-controller="barsCtrl">
            <h4>Top Rated Bars</h4>
            <hscroller> 
              <hcard ng-repeat="bar in bars" index="{{$index}}" desc="{{bar.name}}" image="{{bar.profile_pic}}">
              </hcard>
            </hscroller>
          </div>

【问题讨论】：

标签： angularjs ionic

【解决方案1】：

您的意思是您希望卡片链接到某个东西作为锚标记？您可以将卡片包装在锚标记中：http://codepen.io/anon/pen/Nqvjpv

<a ng-repeat="item in items" href="http://www.google.com?q={{item.desc}}" target="_blank">
    <hcard  index="{{$index}}" desc="{{item.desc}}" image="{{item.image}}"></hcard>
</a>

【讨论】：