- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个场景,我有以下嵌套状态结构:
root
root.item1
root.item2
root
state 有一个模板,显示了在子状态中设置的一些变量。它也需要首先运行,因为它具有确定将加载哪个子状态的逻辑。
root
确定
root.item2
需要加载的事件流是:
exec root -> redirect to root.item2 -> exec root.item2
root.item1
然后他们按下浏览器后退按钮,我希望被重定向到
root.item2
,但看起来 url 刚刚被清除,您根本看不到任何子状态加载。
root.item2
Go to Detail 1
root.item1
root.item2
angular
.module('historyApp', [
'ui.router'
])
.config(['$stateProvider', '$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('root', {
url: '/',
template: '<h1>Parent</h1> <div>{{vm.title}}</div> <div ui-view></div>',
controller: function($scope, $state){
$scope.vm = { title: '' };
// some conditional login that determines which child state will be loaded:
var variableChildState = 'root.detail2';
$state.go(variableChildState);
}
})
.state('root.detail1', {
url: '/detail1',
template: '<h1>Detail 1</h1><a ui-sref="root.detail2">Go to Detail 2</a>',
controller: function($scope, $state){
$scope.vm.title = 'Set in 1';
}
})
.state('root.detail2', {
url: '/detail2',
template: '<h1>Detail 2</h1><a ui-sref="root.detail1">Go to Detail 1</a>',
controller: function($scope, $state){
$scope.vm.title = 'Set in 2';
}
})
$urlRouterProvider.otherwise('/');
}
])
.run(function($rootScope, $location){
$rootScope.$on('$stateChangeStart',
function (event, toState, toParams){
console.log(toState)
});
})
;
<!DOCTYPE html>
<html ng-app="historyApp">
<head>
<script src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script src="https://rawgit.com/angular-ui/ui-router/0.2.10/release/angular-ui-router.js"></script>
</head>
<body>
<div ui-view=""></div>
</body>
</html>
最佳答案
我认为这是一个简单的语法解决方案:
.state('root.detail1', {
url: 'detail1',
template: '<h1>Detail 1</h1><a ui-sref="root.detail2">Go to Detail 2</a>',
controller: function($scope, $state){
$scope.vm.title = 'Set in 1';
}
})
关于angularjs - Angular - UI 路由器 - 嵌套状态 - 浏览器后退按钮无法按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29683176/
浏览器或类似浏览器的应用程序中的后退和前进按钮暂时导航(用户导航页面的顺序),这可能不一定反射(reflect)页面的逻辑顺序。是否有任何研究探讨这如何影响用户的心理模型?关于如何提高可用性和减少困惑
如果你去http://www.deviantart.com/并等待几秒钟,以便在引擎盖下加载 javascript,您可以单击一个链接,而不是转到该链接,您将转到 #/someId。您可以后退/前进。
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想改善这个问题吗?更新问题,以便将其作为on-topic
This question already has answers here: How to stop audio from playing when back button is pressed?
Visual Studio 有一个名为 MouseNavi 的插件它允许您使用鼠标拇指按钮来浏览您的历史记录。 Eclipse 是否存在类似的扩展? 最佳答案 我不知道有任何 Eclipse 插件可以
我在grails上开发了一个小应用程序,第一页是我提供的邮政编码,可以按商店搜索附近的商店并选择它,然后按下一步按钮,第二页上是输入客户详细信息,然后按下一步按钮在第三页上显示输入的值,然后保存它。现
我有一个带有表单的页面,我试图在其中防止重复提交,这非常简单(以防万一有人好奇,我使用了这个 $("form").submit(function() { setTimeout(function
在过去的两天里,我一直在用一个恼人的小故障敲我的头,希望有人能解释一下。 基本设置:我有一个带有播放器的 AVPlayerLayer, View 中有一个平移手势识别器,我希望用户能够来回滑动手指,视
我有一个相当具体的用例。 假设我从页面 A 导航到页面 B(添加一个历史状态)。然后,在页面 B 上,我通过打开模式与该页面进行交互。但模式的实现方式是在单击浏览器后退按钮时关闭。 当模式打开时: n
我以前自己尝试过,但失败了。如何将 JButton 添加到 JFrame 以将其带回到之前打开的 JFrame 或“主页”框架。 在我的应用程序中,我有 4 个 JFrame,主要的和 3 个可通过按
想法是显示消息,这将通知用户,当他使用“后退”按钮时,应用程序的ajax部分可能会错误地工作。是的,有很多讨论,但没有解决方案。我发现最好的:在服务器端存储有关最后一页的信息,并通过 ajax 检查当
我有一个带有Fragment的Activity,并且有很多交易,所以后退按钮通常只是回滚Fragment交易 .但我需要检测最后一次按下。 我不能使用 onPause 方法,因为我不想在用户按下主页或
我目前使用Glide库播放GIF如下。 Glide.with(this).load(gifUrl).into(ImageView); 这很好用,但我希望用户可以选择倒回、暂停和转发 GIF。我在想只是
我正在开发一个 WPF 桌面应用程序,我有一个主窗口,我使用框架控件导航到不同的页面。它工作得很好。但我希望删除后退/前进。我该怎么做 ?请在这方面帮助我! 最佳答案 设置 NavigationUIV
我正在游戏结束时显示插页式广告。当用户快速按下“后退”按钮时,有时会发生崩溃: java.lang.IllegalStateException at android.media.MediaPlayer
我想禁用导致 Chrome 后退或前进的两指滑动。 我有一个网站,如果用户没有专门保存,他可能会失去工作进度。 我试过使用 window.onbeforeunload但是,如果我在 url 中有哈希值
后退箭头在 Xcode 中损坏? 是否有键盘命令可以一次后退/前进一个文件。 Xcode 3.2更改了 Cmd-Opt 的行为。正如另一个问题中所指出的,它们不像以前版本的 Xcode 那样在文件级
我有这些复选框 Menu Filters Select All Unselect All Vegan Vegetar
我想在按下返回按钮时将我当前的 flutter 页面重定向到主页,将重定向。当我按返回按钮时,主页/ Activity 应开始。我在主页中有多种选择,在当前页面中,如果用户不想选择它们,我可以显示眼睛
按住下一个按钮时,音频播放器速度加快... 代码代表一切 main question : How to continue to normal ? 这是我的尝试 http://jsfiddle.net/
我是一名优秀的程序员,十分优秀!