Ионные: Понимание навигации и маршрутизации

Question

Я учусь навигации и маршрутизации в Ионном из http://learn.ionicframework.com/formulas/navigation-and-routing-part-1/

& Я хотел бы понять отображение, я не получил это ясно из документации.

ниже код из моих app.js

app.config(function($stateProvider, $urlRouterProvider) { 
     console.log('In Config'); 
     $urlRouterProvider.otherwise('/') 

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

& ниже код из Index.html

<ion-tabs class="tabs-positive"> 
    <ion-tab icon="ion-home" ui-sref="home"> 
     <ion-nav-view name="home"></ion-nav-view> 
    </ion-tab> 

То, что я понял, в том, что пользовательский интерфейс засечек отображается с именем состояний. Я не получаю, как url, templateUrl & имя иона-навигатора связано или сопоставлено друг с другом, потому что, если я меняю какое-либо из них, мое приложение не работает.

Answer 1

Позвольте мне немного изменить свой Exemple, так что вы можете понять немного больше:

$stateProvider.state('homeState', { 
      url: '/homeUri', 
      views: { 
       homeName: { 
        templateUrl: 'home.html' 
       } 
      } 
     }) 

ссылается на вашей странице так:

<ion-tab icon="ion-home"> 
     <ion-nav-view name="homeName"></ion-nav-view> 
    </ion-tab> 

Или ваш может получить доступ к нему с аа HREF :

<a href="{{homeUri}}"> 

или usign UI-маршрутизатор маршрутизации

<a ui-sref="homeState">