Using href within a div tag within an ion-item does not work


#1

So…I have logic in place to show a divider whenever the date changes. I don’t want the div with the date on it to have an href…so i placed it on the div with the event information. But, for some reason the href does not seem to work…Any suggestions on how to get this to work?

<ion-item ng-class="item.isDivider? 'item-divider':''" ng-repeat="item in events.events | groupByDay" class="item-text-wrap">
    <div ng-hide="item.isDivider" href="#/app/events/{{item.id}}">
        <h2>{{ item.summary }}</h2>
        <p><strong ng-hide="item.start.date">{{ item.start.dateTime | date:'h:mm' }}-{{item.end.dateTime | date:'h:mm a'}}</strong></p>
        <p>{{ item.location }}</p>
    </div>
    <div class="item-divider" ng-show="item.isDivider" ng-bind="item.divider"></div>
</ion-item>

#2

Instead of that code use this:

 <a ng-hide="item.isDivider" href="#/app/events/{{item.id}}">
    <h2>{{ item.summary }}</h2>
    <p><strong ng-hide="item.start.date">{{ item.start.dateTime | date:'h:mm' }}-{{item.end.dateTime | date:'h:mm a'}}</strong></p>
    <p>{{ item.location }}</p>
</a>

#3

Wow…that’s ridiculous…haha. Thank you. Been a long day. I added “item-content” as a class to recreate what href does up in ion-item.