Angularjs 用户界面路由器,模态&;双亲
我已经编写了一个在模式窗口中进行登录和注册的代码。 在模式中,我有一个ui视图可以从一个切换到另一个(名为authenticate.html的文件): 我的问题是,我不知道如何调用模态并获取调用方状态。 例如: 如果我处于“家”状态,并且我调用了模态,我希望在关闭它时能够返回“家”。 同样的事情,如果我从不同的状态调用它,我希望在关闭模式时能够回到上一步。 给一个州一个家长的唯一方法是硬编码吗?或者它可以是一个变量?Angularjs 用户界面路由器,模态&;双亲,angularjs,angular-ui-router,angular-bootstrap,Angularjs,Angular Ui Router,Angular Bootstrap,我已经编写了一个在模式窗口中进行登录和注册的代码。 在模式中,我有一个ui视图可以从一个切换到另一个(名为authenticate.html的文件): 我的问题是,我不知道如何调用模态并获取调用方状态。 例如: 如果我处于“家”状态,并且我调用了模态,我希望在关闭它时能够返回“家”。 同样的事情,如果我从不同的状态调用它,我希望在关闭模式时能够回到上一步。 给一个州一个家长的唯一方法是硬编码吗?或者它可以是一个变量? 感谢您使用ui路由器附加粘性状态(用于模式)和以前的状态(用于返回调用状态)的
感谢您使用ui路由器附加粘性状态(用于模式)和以前的状态(用于返回调用状态)的示例:感谢您的链接,但我确信常规ui路由器有一个解决方案。阅读链接库的来源我想,这个解决方案对我来说已经足够了:
<div class="login-container" style="padding: 20px; min-height: 610px; " >
<a class="close" ng-click="close()" style=" float: right; font-size: 23px;
color: rgb(211, 214, 216);
margin-top: -15px;
margin-right: -5px;">x</a>
<h1 style="text-align: center">My Logo</h1>
<hr/>
<div ui-view="modal" ></div>
</div>
.state('modal', {
abstract: true,
//parent: this,
url: '/auth',
onEnter: ['$modal', '$state', function ($modal, $state) {
console.log($state);
$modal.open({
templateUrl: 'client/app/views/authentication.ng.html',
controller: 'AuthCtrl',
backdrop: 'static',
keyboard: false,
resolve: {
isLoggedIn: function () {
return false;
},
$state: function () {
return $state;
},
}
});
//.result.finally(function () {
// console.log('finally');
// console.log($state);
// $state.go('^');
// });
}],
onExit: function() {
console.log('onExit');
this.close();
}
})
.state('modal.login', {
url: '/login',
parent: 'modal',
views: {
'modal@': {
templateUrl: 'client/app/views/login.ng.html'
}
}
})
.state('modal.signup', {
url: '/signup',
parent: 'modal',
views: {
'modal@': {
templateUrl: 'client/app/views/signup.ng.html'
}
}
})