Event to Event Detail Issue

I'm sure I'm missing something simple, but I can't seem to get it to work.

I did a "starter tabs" and have this as a few tabs:

.state('tab.events', {
  url: '/events',
  views: {
    'tab-events': {
      templateUrl: 'templates/tab-events.html',
      controller: 'EventsCtrl'
    }
  }
})
.state('tab.event', {
  url: '/events/:eventId',
  views: {
    'tab-event': {
      templateUrl: 'templates/tab-event.html',
      controller: 'EventCtrl'
    }
  }
})

And in my tab-events.html I have:

<ion-list>
      <ion-item ng-repeat="event in events" href="#/events/{{event.id}}">

Whenever I click on a event, nothing happens or it'll go back to my default "dashboard" tab. What am I missing or doing wrong?