在离子模态

时间:2015-10-27 06:45:28

标签: angularjs ionic-framework angular-ui-router ionic

我对离子发育有点新意。

我正在使用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');

0 个答案:

没有答案