angularjs - 如何在 ui-router 1.0.0 onBefore 中获取 url 'from' 和 'to'?

标签 angularjs angular-ui-router state transitions

正如标题所说 - 有什么方法可以从这里获取 fromto 的 url:

$transitions.onBefore({}, function(t){
    //here
});

最佳答案

有一个working plunker .

通过 UI-Router,我们确实可以访问 fromto 状态及其参数。然后,我们可以轻松地将这些信息与 stateService 一起使用,并调用 href() 来获取和访问 url 部分

这可能是这样的:

$transitions.onBefore({}, function(t){

  // to state is TargetState
  var toState       = t.to();
  var toStateName   = toState.name;
  var toStateParams = t.params(); // by default "to"

  var fromState       = t.from()
  var fromStateName   = fromState.name;
  var fromStateParams = t.params("from");

  // here we generate the HREF
  var fromHref = t.router.stateService.href(fromStateName, fromStateParams);
  var   toHref = t.router.stateService.href(  toStateName,   toStateParams);


  console.log(fromHref);
  console.log(  toHref);

});

实际检查 here

关于angularjs - 如何在 ui-router 1.0.0 onBefore 中获取 url 'from' 和 'to'?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39974922/

相关文章:

javascript - 所需的请求部分不存在 - Spring

css - Angular Material 对齐菜单向右

javascript - AngularJs- 无法实例化模块

jQuery "active"类分配

angularjs - 如何在不引发错误的情况下检查模块的存在?

AWS 重定向上托管的 Angular 应用程序在 S3 之前的云前端导致访问被拒绝

angularjs - 在页面刷新时使用 Angular JS ui.router html5Mode(true) 配置 Amazon S3 静态站点

angularjs - Angular ui-router 最佳实践继承与元数据

javascript - React - 使用映射函数迭代状态

javascript - 在我的示例中,如何将状态从一个组件解析到另一个组件?