【问题标题】:Navigation between pages in ionic and angularjs mobile app在 ionic 和 angularjs 移动应用程序中的页面之间导航
【发布时间】:2015-06-14 23:06:07
【问题描述】:

我是 ionic angularja 世界的新手。开始做非常简单的事情,但卡住了。

我的要求,

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

这是我的登录页面

  <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 页面。

这里的项目结构..

请帮我解决这个导航问题。

提前致谢。

开心

【问题讨论】:

标签: javascript css angularjs ionic-framework


【解决方案1】:

使用 ui-sref="user.register" 而不是 href="#/register"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多