$locationChangeStart在火狐中不起作用
$locationChangeStart是AngularJS中的一个事件，用于在路由发生变化之前执行一些操作。它通常用于拦截路由变化，进行权限验证或其他预处理操作。
然而，$locationChangeStart在火狐浏览器中可能不起作用的原因可能是由于以下几个因素：
- 版本兼容性问题：不同版本的AngularJS可能存在兼容性问题，导致$locationChangeStart事件在某些浏览器中不起作用。建议检查使用的AngularJS版本是否与火狐浏览器兼容。
- 浏览器兼容性问题：某些浏览器可能对特定的AngularJS事件支持不完整或存在bug。在这种情况下，建议查阅AngularJS官方文档或相关社区讨论，了解是否存在已知的浏览器兼容性问题，并尝试寻找解决方案或替代方法。
- 代码逻辑问题：$locationChangeStart事件的触发需要满足一定的条件，可能是由于代码逻辑问题导致事件未被正确触发。建议检查代码中是否存在错误的条件判断或其他逻辑问题，确保事件能够正确触发。
总结起来，如果$locationChangeStart在火狐浏览器中不起作用，可能是由于AngularJS版本兼容性问题、浏览器兼容性问题或代码逻辑问题所导致。建议仔细检查以上几个方面，并参考相关文档和社区讨论，以找到解决方案。
相关·内容
在第一个页面加载时，应用程序被初始化，我想重定向用户登录页面。我认为代码的相关部分是这样的
$rootScope.$on("$routeChangeStart", function (event, next, current) {
alert("change location");
$location.path('/login');
});
它基于，问题出在页面加载上，警报被触发，但位置不变。我必须单击我的应用程序的导航项目，然后登录操作将被调用，路线将更改。
.run(['$rootScope', '$
浏览 3提问于2013-05-17得票数 2
回答已采纳
我试图将$routeChangeStart的“下一个路由”参数存储在服务中，并从另一个地方用“下一个路由”调用$location.path()。为了澄清这里的一些代码：
$scope.$on('$routeChangeStart', function (event, next, current) {
service.nextRoute = next;
$rootScope.$broadcast('event:someEvent');
});
...now我捕捉到事件并尝试执行类似的操作(假设所使用的服务都已正确注入并可用)：
$rootScope
浏览 2提问于2013-08-10得票数 1
回答已采纳
在Angular JS应用程序中，我们可以使用'ngRoute‘或'ui-router’进行路由。我创建了一个javascript函数来检测AngularJS应用程序中的路由更改。我习惯于在下面编写代码。
window.onhashchange = function() { //code here }
但是，它只检测基于'#‘(散列)的url，例如: myurl.com/#home
如果在AngularJS中启用了'html5Mode‘。上面的代码不起作用。请帮助我通过Javascript检测干净的urls。
浏览 0提问于2015-06-23得票数 0
2回答
我正在尝试实现一个从登录表单开始的单页面应用程序。对于前端，我使用AngularJS。
在登录的控制器中，我检查身份验证数据，如果没有问题，我使用一些用户数据设置一个cookie (使用$cookieStore服务)，并路由到另一个视图。在这里，在第二个视图的控制器中，我检查cookie中的用户是否为空，如果是，则重定向到登录视图。
我想要做的是当用户关闭浏览器时，或者如果离开页面，cookie将被删除。我试着使用：
$scope.$on("$locationChangeStart", function(){
$cookieStore.remove('user&
浏览 2提问于2013-10-28得票数 4
我正在尝试监听Angular JS中的$on "$locationChangeStart“事件，并防止该事件在某些情况下发生。只要我执行event.preventDefault()，$on "$locationChangeStart“事件就会再次触发。那是Angular JS Bug吗？
$rootScope.$on "$locationChangeStart", (event, next, current) ->
if doNotLeave
event.preventDefault()
先谢谢你，斯特夫
浏览 0提问于2014-03-27得票数 8
2回答
我有一个服务，在该服务中，我绑定了一个单击事件：
$('button').click(function() {
alert('Clicked');
return false;
});
问题是当我没有从默认的"/“路由(即"/testroute")开始时，单击相同的按钮会导致页面url转到"/”，而根本不会触发我的事件。当我在路由更改为"/“之后再次单击它时，事件就会像往常一样触发。如果我要从/testroute开始(即使它有相同的视图，不同的控制器，但是共享相同的服务)，那么如何才能启动警报呢？
浏览 0提问于2014-01-10得票数 0
回答已采纳
在angular js中，我有一个路由功能，它应该管理管理员和非管理员用户对路由访问，所以根据我的逻辑，我使用$routeChangeStart实现了这一点，如果用户登录了，他就不能转到路由器'/' (登录页面)。但这并不管用。如果URL与http://localhost:3000/#/匹配，它仍然可以登录
app.run(['$rootScope', 'authService', '$location', function($rootScope, authService, $location){
$rootScope.$
浏览 5提问于2014-07-09得票数 0
我有一些父Ctrl，它执行了locationChangeStart函数。此外，我还有一个子控制器，它将数据从html绑定到父控制器
html：
<div> <!-- parent ctrl setted in routing -->
<div ng-controller="ChildCtrl as childCtrl"
ng-init="childCtrl.setObjectName('somename')">
<textarea name="name
浏览 3提问于2015-11-15得票数 0
回答已采纳
我正在用AngularJS开发一个应用程序。基本上，我有一个“主页”页面和一个“新项目”。在主页中，我有一个链接到“新项目”的菜单。
我将$stateProvider配置为：
$stateProvider.state('home', {
url: '/',
templateUrl: 'partials/home.jsp'
}).state('newproject', {
url: '/newproject',
templateUrl: 'partials/new-projec
浏览 4提问于2015-01-21得票数 7
回答已采纳
我在控制器中的angularjs脚本文件中有这个。
var windowElement = angular.element($window);
windowElement.on('beforeunload', function (event) {
event.preventDefault();
$location.url("/");
});
它部分地工作，实际上不是我想要的工作方式。这段代码通过询问是否留在页面上来防止页面重新加载。如果用户仍然想通过单击“离开页面”来重新加载页面，我想要重定向到我的
浏览 0提问于2016-05-06得票数 0
2回答
我对AngularJS有一个问题，就是我在控制器中编写了一个函数，我想在事件列表中调用它，但是我没有定义！
代码控制器看起来如下：
inputApp.controller('my_controller', ['$scope', '$upload', '$http', '$filter', '$sce', '$timeout',
function ($scope, $upload, $http, $filter, $sce, $timeout) {
浏览 4提问于2015-03-27得票数 0
回答已采纳
我在研究Angularjs。
我今天的挑战是在所有页面加载中显示警告框。
每当页面重定向时，我都需要得到一个带有一些消息的警告框。我知道在重定向.But的所有地方使用警报都很容易，我正在寻找的是只使用一次警报，这会影响整个应用程序。因此，每当页面重定向发生时，我都需要获得一个警告框。请帮我解决这个问题。
$routeProvider.when('/', {
controller: "loginCtrl",
templateUrl: "views/account/login.html",
label:
浏览 0提问于2016-11-22得票数 0
我有一个网站使用角形的路由内置。当用户注销而另一个用户登录时，我将根据该用户权限更改菜单中可见的内容。虽然这样做有效，但配置的路由仍然有效，这样用户就可以使用浏览器的back函数导航。此外，在页面加载上，我动态地加载路由信息服务器端，因此角只知道允许用户使用的路由。这会阻止用户使用浏览器back函数导航，但需要页面刷新。
是否可以动态地更改$routeProvider的模块配置？
根据我的研究，答案是否定的，因为当模块运行时，提供者不再可用。
浏览 6提问于2014-06-13得票数 0
我正在使用yo:angular-fullstack生成器来构建我的网站。当用户注册到该网站时，它将发送一封带有链接的激活电子邮件。当用户单击该链接时，它将显示激活成功，并超时转到主页。但是，当超时未结束而用户单击页面中的任何其他链接时，它会跳转到其他页面并继续运行超时。几秒钟后，用户仍将被移至主页。下面的代码是关于我在angular js中的超时。
浏览 2提问于2015-08-04得票数 0
我正在构建一个angularjs应用程序，我正在使用bootstrap模式。
一旦用户按下手机上的后退按钮，我想让他关闭模式。
我使用html5mode作为off，这意味着我有#
我试图在用户打开模式后添加history.pushstate(null，null，'modalopened')，然后在模式关闭或用户单击后退按钮并向后导航时将其删除。
我知道手机上的后退按钮将自动移回历史api中。
然而，当我这样做时，我被重定向回根目录'/#/‘
浏览 0提问于2015-10-15得票数 0
我正在为离子应用程序实现单元测试，并且需要检查是否没有在$rootScope上广播事件
expect($rootScope.$broadcast).not.toHaveBeenCalled();
问题是有时会广播$locationChangeStart和$locationChangeSuccess事件，这会导致我的测试失败。似乎ionic v1.3.0触发了下面代码中的那些
// update browser
$rootScope.$watch(function $locationWatch() {
var oldUrl = trimEmptyHash($browser.url());
浏览 6提问于2016-08-26得票数 7
1回答
我正在尝试在使用F5或刷新按钮或其他任何东西刷新页面之前处理用户的操作，这样我就可以调用关闭某些进程的函数。
浏览 1提问于2014-07-22得票数 0
当用户通过观看$stateChangeStart事件单击浏览器Back按钮时，我显示了一个Javascript Confirm提示符。请考虑以下几点：
用户从第1页、第2页、第3页导航。在第3页，用户单击Back按钮，将显示一个确认框。用户单击Cancel按钮，执行event.preventDefault()，用户停留在同一页面上。然后，如果用户再次单击Back，并再次选择OK，则用户将返回到页面1。页面2发生了什么？event.preventDefault()会删除最后一个历史记录吗？如何防止浏览器跳过上一页？
$rootScope.$on('$stateChangeStart
浏览 0提问于2016-02-18得票数 5
2回答
在我们发送给用户的电子邮件中，我们包括到以下角度应用程序的链接：
http://example.com/#!/mypage
我们注意到，由于某种原因，某些电子邮件客户端或浏览器在单击时将用户引导到以下位置：
http://example.com/#%21/mypage
角然后抛出以下错误：
Uncaught Error: [$location:ihshprfx] Invalid url "http://example.com/#%21/mypage", missing hash prefix "#!".
http://errors.angularjs.org/1
浏览 3提问于2014-09-26得票数 3
回答已采纳
我在控制器中使用$window服务。
在某种程度上，我需要得到previus。
你知道我怎样才能得到$window服务的帮助吗？
浏览 6提问于2016-10-06得票数 0
回答已采纳
我想检查一下路由器里的东西。在某些情况下，我应该重定向到另一个页面。
我设置了路由器：
when('/login', {
templateUrl: 'login.html',
controller: 'Login',
resolve : {
'checkLogin': ['checkLogin', function(checkLogin){
return checkLogin.isLogin();
}]
}
})
和工厂：
app.factory('checkLogin&#
浏览 3提问于2017-08-19得票数 1
回答已采纳
为了处理身份验证，我使用$locationChangeStart。我的代码在不包含任何参数或查询字符串的routeProvider中运行良好。如果路由提供程序包含任何查询参数，则我的代码不能正常工作。
雾
app.config(['$routeProvider', function($routeProvider,$locationProvider) {
$routeProvider.when('/login', {templateUrl: 'partials/login.html', controller: 'AuthContro
浏览 1提问于2013-12-21得票数 1
我有下一个问题。
我对<a>元素有不同的行为。我有一个控制器，它处理两个事件：
$scope.$on("$destroy", function () {
console.log("$destroy");
});
$scope.$on("$locationChangeStart", function () {
console.log("$locationChangeStart");
});
有时$locationChangeStart事件首先触发，但有时$destroy事件首先触发。
我需要防止改变页面
浏览 1提问于2015-08-17得票数 3
你好，当用户在地址栏中键入/pricing时，我必须停止导航，并且只有在触发$location.path("/pricing")时才能导航
when("/pricing", {
templateUrl: "app/components/Pricing/pricing.html",
})
该怎么做呢？请帮帮我
浏览 0提问于2015-05-28得票数 0
我在运行下面的代码片段时遇到了问题。这嵌入在一个更大的应用程序中，但问题是以下代码会运行(我已经检查过了)，并将阻止URL更改，但显示来自新路由的视图，即使我不确认。因此，即使URL保持不变，我实际上也不能停留在同一个页面上。我是否遗漏了一段运行这段代码所必需的代码？
$scope.$on("$locationChangeStart", function(event) {
if (!confirm("You have unsaved changes. Are you sure you want to leave this page without saving?
浏览 0提问于2018-10-06得票数 0
这个想法是在用户在某个特定页面上打开10秒后打开它，如果用户离开该页面，则取消它。它在刷新页面时工作，但当我导航到页面时，我的代码会在加载$interval时取消它。
在我的控制器里：
$rootScope.$on("$locationChangeStart", function(event, next, current) {
$interval.cancel(interval);
});
$scope.openmodal = function () {
interval = $interval(function ()
浏览 3提问于2016-06-09得票数 0
回答已采纳
1回答
我有一个带有访客功能的angular应用程序。这意味着我在后台为所有未经授权的用户创建了一个访客帐户。我需要暂停路由，直到创建guest帐户，并且我可以为所有其他请求指定auth令牌。目前，我正在通过向所有路由添加解析参数来完成此操作。
.config(function ($routeProvider) {
var originalWhen = $routeProvider.when;
$routeProvider.when = function (path, route) {
if (path && path.indexOf('sig
浏览 0提问于2014-12-26得票数 2
在我的angular应用程序中，我使用$routeProvide.otherwise函数将用户重定向到'/home‘路由。但是，如果用户没有登录，那么我将使用$routeChangeStart重定向到登录页面-
$rootScope.$on('$routeChangeStart', function(event, next, current) {
console.log('$routeChangeStart');
$rootScope.layout.loading = true;
if ($rootScope.loggedIn === fa
浏览 4提问于2016-07-26得票数 2
3回答
在用户从应用程序中的某些页面导航之前，我想警告用户并获得确认，比如编写一个新的消息视图。我可以捕获哪些事件并取消/继续使其发生？
浏览 0提问于2014-07-27得票数 6
回答已采纳
我有一个使用html5Mode = true的应用程序，但是在IE上，我不需要回到#/url。我需要的是保持URL和一个完整的页面重新加载。
如果我找不到任何方法，我将需要编辑AngularJS文件，这就是我不想要的。
有什么建议吗？
谢谢!
-编辑--
作为一个时态解决方案，我在AngularJS文件中注释了一些代码。
/*if ($sniffer.history) {*/
$location = new LocationUrl(
convertToHtml5Url(initUrl, basePath, hashPrefix),
pathPrefix, app
浏览 3提问于2012-12-02得票数 3
回答已采纳
当我尝试离开页面时，为什么确认消息不起作用？
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<a href="https://w3schools.com">W3Schools</a>
<div ng-app="
浏览 0提问于2018-12-19得票数 0
我正在通过指令把一个图片库放进一页。图库使用javascript在图像之间来回移动(我计划使用css转换来通过类数组旋转)。
我希望执行一个setInterval函数，但只在指令出现在页面上时执行(也就是说，只有在某个路由被调用时才能执行)。但是，即使一个新的路由被击中，并且在我的页面上呈现了一个新的视图，现有的函数仍然在执行。例如：
指令：
angular.module('app')
.directive('gallery', function ($location) {
return function (scope, element, attrs
浏览 0提问于2015-01-27得票数 3
回答已采纳
我对角质很陌生，所以请容忍我。我将一个带有setter和getter函数的服务放在一起，以保存联系人ID。当用户单击列表视图上的联系人时，它会在服务中设置ID并移动到编辑表单视图。这很好，但是当我编辑完并单击返回到列表视图时，我想清除服务中的变量。我该怎么做？我在这个话题上找到了另一个答案，但我认为它使用的是内置的角度路由器，而不是ui路由器。
另外，当用户从列表移到编辑表单时，答案中的方法不是也会清除变量吗？
谢谢!
浏览 2提问于2016-03-24得票数 0
回答已采纳
我的测试有：
it("should clear the search field when the URL changes", function() {
createController();
$scope.init();
$scope.searchTerm = 'some term';
$location.path('/source');
$rootScope.$apply();
expect($scope.searchTerm).toBe('');
});
我的控制器是：
angularMoonAp
浏览 10提问于2014-05-07得票数 1
回答已采纳
我正在使用yo:angular-fullstack生成器来构建我的网站。当用户注册到站点时，它将发送带有链接的激活电子邮件。当用户单击该链接时，它将显示激活成功，并显示进入主页的超时。但是，当超时尚未完成，用户单击页面中的任何其他链接时，它会跳转到其他页面，并继续运行超时。几秒钟后，用户仍将被移动到主页。
$scope.countdown = 10;
$scope.onTimeout = function() {
$scope.countdown--;
timer = $timeout($scope.onTimeout, 1000);
if ($scope.countdown =
浏览 2提问于2015-08-04得票数 0
回答已采纳
在我的应用程序中，我使用的是角1.5组件路由器。是否有方法检测组件路由器中的路由更改。我想在改变路线的时候运行一些代码。
浏览 2提问于2016-10-09得票数 2
回答已采纳
我想要处理特定控制器上的浏览器返回按钮事件(不是每个路由更改，只针对特定控制器)，back不应该更改路由，因为它是针对ng-include更改的
浏览 0提问于2015-12-07得票数 1
在AngularJs中，是否有一种方法可以使我们重定向到当前的url。我正在编写一个通用登录。因此，一旦成功登录，我想重定向到从该页面定向到登录的页面。为了做到这一点，我想在我的控制器中获得重定向到这里的Url (Current/MyLogin)，我已经向我的控制器注入了$location。有人能帮我吗？
浏览 0提问于2015-01-30得票数 2
回答已采纳
关于使用$locationChangeStart的几个问题
$rootScope.$on("$locationChangeStart", function (event, nextLocation, currentLocation) {
// ‘nextLocation’ here is absoulte URL, i.g. http://localhost/index.html#/users/1099
// but I want to the hash part, i.g. /users/1099
// What is the best way
浏览 4提问于2014-04-12得票数 0
回答已采纳
1回答
我正在用Angular编写一个业务线应用程序，我遇到了一个我找不到很好的解决方案的场景。
我想要显示一个横幅，说明用户有未保存的更改，并且他可以保存这些更改。因此，在我的index.html中，我有以下标记(使用引导)：
<div class="alert alert-info" role="alert" style="margin: 20px;">
<button class="btn btn-info" ng-click="<CurrentController.Save()>
浏览 0提问于2014-12-04得票数 1
我正在尝试使用该代码记住页面的滚动位置：
$rootScope.$on('$locationChangeStart', function(angularEvent, nextRoute, currentRoute) {
$rootScope.scrollPosCache['dailyController'] = $window.pageYOffset;
});
当页面无限滚动时，我使用ui-router's transitionTo修改浏览器历史记录中的当前url，如下所示：
$state.transitionTo('daily'
浏览 0提问于2016-06-27得票数 1
1回答
我使用的是角度用户界面路由器。在某些情况下，在我的应用程序中，我打开弹出窗口而不更改url。我希望能够关闭这个弹出时，点击浏览器回按钮-上移动。
有什么方法可以用(或不使用)ui路由器来完成呢？
编辑：
一个更具体的解释:我有一个菜单，它是一个弹出，它可以随时打开。我希望这个菜单是关闭的浏览器回按钮在移动。如果我在打开菜单时更改url，一切都应该正常工作。但是，是否有一种方法可以定义添加后缀到当前url的状态？
例如，如果我有两个urls：
myapp/页1
myapp/页2
然后打开菜单将切换到“菜单”状态，该状态将将url更改为：
myapp/page1 1/菜单
浏览 2提问于2015-11-17得票数 0
问题
我正在使用一个作为我的404未找到的页面。当用户第一次被重定向到它时，它工作得很好，但是如果用户第二次被重定向，动画就会挂起。
演示
我创建了一个示例来说明这个问题。页面从/位置开始加载home.html。如果单击“重定向到/404"，位置将更改为/404，然后加载404.html。游戏动画将无问题地运行。
但是，如果您返回到/ (单击链接中)并再次返回到/404，动画将被挂起。此外，帧每秒将从60 per下降到10 per。
代码
这个演示是用AngularJS构建的，我使用ngRoute切换页面，如下所示：(这里没有什么特别的)
$routeProvider.
浏览 2提问于2015-07-18得票数 1
回答已采纳
我在angularjs中创建了一个使用ng-view的应用程序。在路由提供者的帮助下，在ng-view中加载了四个不同的模块。在每个模块中，我用以下方式发送http请求：
var requestManager = {
"locations": {},
"employees": {},
"items": {},
"templates": {}
};
sendRequestToServer = function (reqObj) {
var reqObj = reqObj,
ht
浏览 2提问于2014-05-12得票数 1
接收数据的方式
$scope.$watch("build.idx", ->
$http.get("/build/" + $scope.build.idx + ".json").success((data) ->
$scope.build = data
)
)
ng-包含在ng-repeat中
.build-stage
.row{ "ng-repeat" => "stage in build.stages" }
%div{ "ng-include" =&g
浏览 0提问于2014-06-12得票数 2
3回答
我正在开发应用程序使用角js。我在使用本地存储时遇到了问题。我的代码看起来：
var id = response.data[0].id;
var email = response.data[0].email;
localStorage.setItem('userId', id);
localStorage.setItem('email', email);
我在本地存储中设置了两个值。
run(function($rootScope,$location) {
var userId = localStorage.getItem('
浏览 5提问于2015-10-29得票数 1
回答已采纳
1回答
我已经开发了一个MVC + Angularjs应用程序，这是一个混合应用程序，而able应用程序的第一个页面是我的HomeController的索引视图作为起点，现在我想授权主页的索引视图，但是现在我的MVC授权属性不起作用，甚至可以使用授权属性直接打开主页。
我需要这个被授权，然后被授权的人应该打开的门角应用。
[Authorize]
public ActionResult Index()
{
return View();
}
这是索引视图，我的angularjs应用程序和其他HTML页面都嵌入在这个视图中。
<di
浏览 4提问于2016-10-14得票数 0
2回答
当窗口关闭时，我需要调用AngularJS函数。我现在有了这个密码：
app.controller("reportCtrl", function($scope, $http) {
$scope.deleteReport = function() {
$http.get("/SCTrakker/api/deleteReport").success(function() {
});
};
window.onbeforeunload = function(){
$scope.deleteReport();
}; });
这个控制器和角库被成
浏览 6提问于2014-05-13得票数 0
回答已采纳
目标:在不重新加载页面的情况下更改URL，因为该URL用于以后的功能，但来自其他位置的重新链接不容易更改。 环境: ServiceNow实例(这就是为什么语法在某些时候看起来有点奇怪的原因。 在阻止它一次之后，我需要对$locationChangeStart的事件处理作出反应。 你知道如何恢复e.preventDefault()的功能吗？ 代码： var originalUrl, initUrl;
$rootScope.$on("$locationChangeStart", function(e, newUrl){
if(newUrl != orig
浏览 30提问于2021-09-16得票数 0
1回答
所以我遇到了一个小的设计问题。
我有一个部分，你可以在其中填写一些表单信息，第二个部分，你可以选择一些额外的项目。我将第一个部分的详细信息存储在localstorage中，这样当用户从第二个部分返回时，它可以被重新填充(这是有意义的，不用担心)。
但是，当用户离开网站的任何其他部分时，我想删除localStorage，但有十几种方法可以做到这一点。我想用一个partialClose事件来处理这个问题，但是我似乎不能让它工作(我是一个新的web开发新手，如果这是一个愚蠢的问题，请原谅我)。
使用AngularJS和Jquery处理部分关闭/切换事件的正确方式是什么？
浏览 1提问于2014-07-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
