2015-01-02 4 views
0

Я очень новичок в мире ионных углов. начал работать на очень простой вещи, но застрял.Навигация между страницами в ионном и угловом мобильном приложении

Мое требование,

Я создаю страницу входа и страницу регистров. если пользователь нажмет на кнопку регистрации с страницы входа, пользователь перейдет на страницу регистрации.

вот моя страница Войти

<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

+0

кажется, что вам не хватает <ионно-нав вида имя = "страница-регистр" > Подробнее: http://learn.ionicframework.com/formulas/navigation-and-routing-part-1/ –

ответ

0

использование UI-sref = "user.register" вместо HREF = "#/регистрация"

Смежные вопросы