[AngularJS]Ionic ︰ 了解导航和路由

标签: AngularJS
发布时间: 2016/5/16 1:59:10
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我学习导航和路由在 Ionichttp://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 & 离子导航视图名称有亲属关系或映射到彼此,因为如果更改了其中任何之一我的应用程序不工作。

解决方法 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>

或您可以访问到它与 href:

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

或使用 ui 路由器路由

<a ui-sref="homeState">
赞助商