angularjs页面导航不能正常工作

angular.module('mobApp', ['ionic', 'mobApp.controllers','ngCordova', 'mobApp.services', 'mobApp.directive', 'yaru22.angular-timeago', 'monospaced.elastic']) 

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if (window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 

    } 
    if (window.StatusBar) { 
     // org.apache.cordova.statusbar required 
     StatusBar.styleDefault(); 
    } 
    }); 
})

的.config（函数（$ stateProvider，$ urlRouterProvider）{$ stateProviderangularjs页面导航不能正常工作

.state('app', { 
    url: '/app', 
    abstract: true, 
    templateUrl: 'templates/menu.html', 
    controller: 'AppCtrl' 
    }) 
    .state('app.search', { 
    url: '/search', 
    views: { 
     'menuContent': { 
     templateUrl: 'templates/search.html' 
     } 
    } 
    }) 
    .state('app.page1', { 
     url: '/page1', 
     templateUrl: 'templates/page1.html', 
     controller: 'PageCtrl' 
    }) 
    .state('app.page2', { 
     url: '/page2', 
     templateUrl: 'templates/page2.html', 
     controller: 'PageCtrl' 
    }) 
    .state('app.page3', { 
     url: '/page3', 
     templateUrl: 'templates/page3.html', 
     controller: 'PageCtrl' 
    })  
    $urlRouterProvider.otherwise('/app/search');

index.html

<body ng-app="starter"> 
    <ion-nav-view></ion-nav-view> 
    </body>

内search.html我有<a href="#/app.page1">page1</a>当我点击这个链接不能正常工作，它显示我的预期页面导航是

search.html - > page1.html - > page2.html -> page3.html

来源

2016-02-27 manish

我假设你正在使用角度ui路由器。请注意网址与州之间的区别。如果你想导航到名为app.page1的状态，你有两种选择。

<a href="#/app/page1">...</a>正如您为（嵌套）状态定义的url一样。
<a ui-sref="app.page1">...</a>使用由ui-router提供的指令来使用状态名称（在.state（）调用中的第一个参数）导航。

第二种方式是首选，因为它允许您在不修改已设置的所有链接的情况下更改状态的URL。同样，让库构建最终的URL会使用一个简单的标志从锚链接（＃/ ...）切换到html5模式更容易。

根据您定位的设备，您可能需要为浏览器插入一个空href（href =“”）来正确呈现链接。

有关详细信息，请https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-sref

来源

2016-02-27 11:00:16

'page1检查出的文档'是不会第1页 – manish

推荐的版本使用的用户界面，SREF。 href只能在禁用html5mode的情况下使用（请参阅文档）。你有没有尝试ui-sref变种？ –

很好的回答！ ajaegie，我想掌握我的离子知识。你从哪里开始学习框架？ ;） –

angularjs页面导航不能正常工作

回答

相关问题