Навигация между ion-представлениями на ionic

Это очень интересный вопрос, на который я не нашел ответа.

У меня разные взгляды, как на рисунке ниже:

У меня есть первый html-файл, который содержит три представления, для которых я использую приведенный ниже код:

$stateProvider
    .state('home', {
  url: '/home',
  views: {
    day: {
      templateUrl: 'home.html',

    }
  }
})

 .state('help', {
  url: '/help',
  views: {
    day: {
      templateUrl: 'help.html'
    }
  }
})

 .state('contact', {
  url: '/contact',
  views: {
    day: {
      templateUrl: 'contact.html'
    }
  }
})

а в html файле контейнер: <ion-nav-view name="day"></ion-nav-view>

затем второй файл HTML, который содержит контент и пару представлений, например:

.state('c', {
  url: '/c',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('h', {
  url: '/h',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

и контейнер во втором html-файле: <ion-nav-view name="view"></ion-nav-view>

При нажатии на любой элемент любого представления первого html он должен перенаправлять на второй html-файл с обоими представлениями.

Что я должен действительно использовать ??

Я пытался сделать это:

создайте html-файл racine, который будет рассматривать два html-файла как ion-views:

а затем внесите изменения в поставщика состояния следующим образом:

$stateProvider
    .state('index.home', {
  url: '/home',
  views: {
    day: {
      templateUrl: 'home.html',

    }
  }
})

 .state('index.help', {
  url: '/help',
  views: {
    day: {
      templateUrl: 'help.html'
    }
  }
})

 .state('index.contact', {
  url: '/contact',
  views: {
    day: {
      templateUrl: 'contact.html'
    }
  }
})

 .state('match.c', {
  url: '/c',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('match.h', {
  url: '/h',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

 .state('index', {
  url: '/index',
    abstract: true,
  views: {
    index: {
      templateUrl: 'first.html'
    }
  }
})

 .state('index.match', {
  url: '/match',

  views: {
    day: {
      templateUrl: 'second.html'
    }
  }
})

как вы думаете пожалуйста??

ДЕМО-ПРОГРАММА PLUNKER