当前位置: 首页 > 面试题库 >

AngularJS-需要$ routeChangeStart和$ locationChangeStart的某种组合

宇文勇
2023-03-14
问题内容

我的问题实际上与在这里发现的问题非常相似:

AngularJs-取消路线更改事件

简而言之,我正在使用$ routeChangeStart并尝试使用$location更改当前路由。完成后,控制台会显示原始页面仍在加载中,并很快被新页面覆盖。

提供的解决方案是使用$ locationChangeStart而不是$routeChangeStart,这应该可以防止额外的重定向。不幸的是,我在更改路由时需要访问$routeprovider中的其他数据(我用它来跟踪页面限制)。这是一个例子

$routeProvider.
    when('/login', { controller: 'LoginCtrl', templateUrl: '/app/partial/login.html', access: false}).
    when('/home', { controller: 'HomeCtrl', templateUrl: '/app/partial/home.html', access: true}).
    otherwise({ redirectTo: '/login' });


$rootScope.$on('$routeChangeStart', function(event, next, current) {
    if(next.access){
        //Do Stuff
    }
    else{
        $location.path("/login");
        //This will load the current route first (ie: '/home'), and then
        //redirect the user to the correct 'login' route.
    }
});

通过$ routeChangeStart,我可以将“ next”和“ current”参数(请参阅AngularJS-$route)用作对象来检索“访问”值。使用$locationChangeStart,这两个参数返回url字符串,而不是对象。因此,似乎没有办法检索我的“访问”值。

有什么方法可以结合使用$ locationChangeStart的重定向停止功能和$routeChangeStart的对象灵活性来实现我所需要的?


问题答案:

我想到的一种方法是尝试为此使用resolve参数:

var resolver = function(access) {
  return {
    load: function($q) {
      if (access) { // fire $routeChangeSuccess
        var deferred = $q.defer();
        deferred.resolve();
        return deferred.promise;
      } else { // fire $routeChangeError
        return $q.reject("/login");
      }
    }
  }
}

$routeProvider.
  when('/login', { controller: 'LoginCtrl', templateUrl: '/app/partial/login.html', resolve: resolver(false)}).
  when('/home', { controller: 'HomeCtrl', templateUrl: '/app/partial/home.html', resolve: resolver(true)}).
  otherwise({ redirectTo: '/login' });

请注意,我没有测试上面的代码,但是我在项目中做类似的事情。



 类似资料:
  • 问题内容: 我不知道什么是这三个不同,与其相应的,和。 问题答案: $ locationChangeStart: 这使用提供程序并在URL更改时广播。位置更多是指特定URL的路径。它更像普通的JavaScript,您可以更改到应用程序中的任何路径,并且在应用程序中将其定义为路由还是状态都没有关系。 $ routeChangeStart: 这使用提供程序,并且与更改路由时使用的提供程序相同(与一起使

  • 就像我们有清晰的屏幕在C/C...有没有办法在Java做同样的事情?我到处都找遍了,什么也没找到。 我试图用它来更新程序每秒钟显示的内容,去掉之前出现的所有代码。如果你知道其他方法我将感激不尽 谢谢:)

  • 问题内容: 我正在尝试Swift书中的一些示例,即它们具有的矩阵示例,其中引入了下标选项。这是我的代码: 这大部分是从书中复制的。这里的主要区别是: 据我所知,这告诉编译器我的Matrix类可以保存类型T的值,该值由使用此类的代码指定。现在,我想确保可以比较类型T,所以我可以这样写: 如果我要比较2个矩阵(这意味着比较它们的值),这可能很有用。我还希望提供对两个矩阵求和的能力,因此我还应该在此行中

  • 我试图从黑莓的本机日历中读取“day”值,该值以整数形式返回,并映射到一周中每一天的值。这些值如下所示: 周一:32768 星期二:16384 周三:8192 周四:4096 周五:2048 sat:1024 孙:65536 如果事件发生在一天内,我可以看到值是否为mon/tue/we/thu/fri/sat/sun 值也与星期一值相同。 现在的问题是,如果事件发生在两天或三天以上 返回所选天数的

  • 问题内容: 我在阅读AngularJS附带的精简版jQuery。但是,我不断听到有关谈论Angular和jQuery的人们的参考。我什至检查了ng- grid 并注意到它说: AngularUI团队用AngularJS和jQuery编写的Angular Data Grid 因此,如果我确实在需要jQuery的时候才使用Angular,那么AngularJS附带的版本又没有提供什么呢? 问题答案:

  • 问题内容: 以下是我的代码段。我想使用angular来验证我的下拉菜单。 有效表示: 有效值可以是“选择服务”以外的任何值,这是我的默认值。 像其他ASP.net的下拉列表一样,需要字段验证器DefaultValue =“ 0”,因此在这里,我的下拉列表将与服务绑定,我想选择除“选择服务”之外的所有其他值。 问题答案: 您需要在下拉列表中添加属性,然后需要添加属性,然后可以使用引用错误: HTML