Navigate around ionic page

Hi, I have a problem with navigating around my single-page app.

This is my current code:

html code:

<a href="venue">
      <img class="photo" ng-src="{{venue.path}}">
</a>

app.js code:

.config (function($stateProvider, $urlRouterProvider) {
  $stateProvider

  .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
  })

  .state('tab.venue', {
    url: '/venue',
    views: {
      'tab-venue': {
        templateUrl: 'templates/tab-venue.html'
      }
    }
  })

But when I click the picture, it keeps poping up Cannot GET /venue. Why doesn’t it check the web address to move to the state tab.venue?

tab.venue is a nested state so link should reflect it also:

 <a href="#/tab/venue">

or using state name:

<a ui-sref="tab.venue">