Angular 4中$locationChangeStart的等效替代方案是什么？

嘿，刚好我对这块很熟悉，给你一步步理清楚：

核心替代方案：Router的NavigationStart事件 #

AngularJS里的$locationChangeStart，在Angular（包括4.x版本）里对应的是Router模块提供的路由事件流，其中NavigationStart就是路由开始变化时触发的事件，完全能满足你跟踪URL变化的需求。相比直接用location服务，用Router事件更贴合Angular的路由体系，还能获取到更多路由相关的上下文信息。

如何在服务中实现 #

要在服务里监听路由变化，步骤非常清晰：

1. 注入Router服务：在你的服务类里导入并注入Router和NavigationStart
2. 订阅路由事件：通过router.events获取事件流，用filter操作符筛选出NavigationStart事件（记得导入rxjs的filter操作符）
3. 处理URL变化逻辑：在订阅回调里编写你需要的跟踪或业务逻辑

代码示例 #

import { Injectable } from '@angular/core';
import { Router, NavigationStart } from '@angular/router';
import { filter } from 'rxjs/operators';

@Injectable({
  providedIn: 'root'
})
export class UrlTrackingService {

  constructor(private router: Router) {
    this.initUrlTracking();
  }

  private initUrlTracking(): void {
    this.router.events.pipe(
      filter(event => event instanceof NavigationStart)
    ).subscribe((event: NavigationStart) => {
      // 这里就是URL即将变化时的处理逻辑
      console.log('即将跳转到的URL:', event.url);
      // 你可以在这里做日志上报、权限校验、状态同步等操作
    });
  }
}

关于location服务的使用场景 #

如果你的需求只是获取当前URL或者手动修改URL，那location服务（来自@angular/common）是合适的，但如果是要跟踪路由变化的时机，还是用Router的NavigationStart事件更靠谱——它能精准捕获Angular路由驱动的URL变化，包括路由守卫触发前后的时机，和原来的$locationChangeStart行为更匹配。

额外提示 #

• 记得在你的根模块里导入RouterModule并配置好路由规则，否则Router事件不会正常触发
• 如果需要区分是浏览器前进/后退触发的跳转，还是主动路由跳转，可以查看NavigationStart的navigationTrigger属性（比如值为'popstate'就是浏览器历史操作触发的）

内容的提问来源于stack exchange，提问作者user911