離子：瞭解導航和路由

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> 

我明白那是什麼UI襯線映射與國家名稱。我沒有得到如何url，templateUrl離子導航視圖名稱相關或映射到對方，因爲如果我改變其中任何一個我的應用程序不起作用。

Answer 1

讓我改了一下你的爲例可以讓你瞭解多一點：

$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> 

或者您可以訪問它與AA HREF ：

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

或usign UI路由器路由

<a ui-sref="homeState">