Hyperlink in Angular/Ionic

Question

I am having some issues adding a hyperlink to a 'hcard' in ionic. I am using the following plugin (https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards) and the codepen is here: http://codepen.io/drewrygh/pen/jEJGLx

When I try to add hyperlink to hcard nothing happens. What is the best way to do this, does anyone know?

<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>

aquint · Accepted Answer · 2015-06-15 18:54:33Z

1

Do you mean you want the cards to link to something as an anchor tag? You can wrap the cards in an anchor tag: 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>

answered Jun 15, 2015 at 18:54

aquint

5123 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hyperlink in Angular/Ionic

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related