我对离子发育有点新意。
我正在使用ionic的默认sidemenu模板。
我想在模态中创建导航流。 Modal旨在用于登录。登录页面通过导航链接忘记密码和注册页面。
到目前为止我所做的是,
修改了app.js stateprovider
并添加了一些新路线。我部分成功但是当$state.go('loginnav.login');
代码执行时,我的app /主导航流中嵌入的登录视图不在modal的导航流中。
问题:我无法在登录模式中提供导航流程。
任何帮助都会非常感激。
app.js
.state('loginnav', {
url: '/loginnav',
abstract: true,
templateUrl: 'templates/loginnav.html',
})
.state('loginnav.login', {
url: '/login',
views: {
'logContent': {
templateUrl: 'templates/login.html'
}
}
})
.state('loginnav.signup', {
url: '/signup',
views: {
'logContent': {
templateUrl: 'templates/signup.html'
}
}
})
loginnav.html
<ion-nav-bar>
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="logContent" ng-controller="LoginNavCtrl"></ion-nav-view>
controller.js -> AppCtrl
// Create the login modal that we will use later
$ionicModal.fromTemplateUrl('templates/loginnav.html', {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});
controller.js -> LoginNavCtrl
$state.go('loginnav.login');