Question

我是离子角度世界的新手。开始研究非常简单的事情，但卡住了。

我的要求，

我正在创建登录页面和注册页面。如果用户点击注册按钮登录页面，用户将导航到注册页面。

这是我的登录页面

  <body ng-app="starter"
       class="platform-android platform-cordova platform-webview">

     <ion-header-bar align-title="center" class="bar-positive">
         <h1 class="title">Log In</h1>
     </ion-header-bar> 
     <ion-content> Some content! </ion-content> 
     <ion-footer-bar align-title="center" class="bar-positive right">
          <div class="button-bar">
             <a class="button button-clear" href="#/register">Register</a>
          </div>     
     </ion-footer-bar>
    </body>

这是我的app.js。

angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
});
})

.config(function($stateProvider, $urlRouterProvider) {

$stateProvider

.state('user.register', {
url: '/register',
views: {
'page-register': {
templateUrl: 'templates/register.html'
}
}
})

});

我在模板文件夹中有一个register.html页面。

这里的项目结构..

请帮我解决此导航问题。

提前致谢。

Ajoy

Answer 1

使用ui-sref =“user.register”代替href =“＃/ register”

在ionic和angularjs移动应用程序中的页面之间导航

1 个答案: