如何通过Observable将对象传递给<router-outlet>子组件？

你的问题核心在于异步操作的时序冲突：子组件的ngOnInit会在父组件的API请求返回结果前就执行，这时直接读取服务里的dataProfilo自然是undefined。之前尝试BehaviorSubject没成功，大概率是用法没到位，下面给你一套完整的修正方案：

第一步：重构ProfiloService，用BehaviorSubject管理共享状态 #

BehaviorSubject的核心优势是能保存当前最新值，新订阅的组件可以立即拿到这个值，完美适配异步数据传递场景。修改后的服务代码如下：

@Injectable({ providedIn: 'root' })
export class ProfiloService {
  // 初始化一个默认值（根据你的Profilo结构调整，比如空对象或null）
  private dataProfiloSubject = new BehaviorSubject<Profilo>({} as Profilo);
  // 对外暴露只读的可观察对象，避免组件直接修改源数据
  public dataProfilo$ = this.dataProfiloSubject.asObservable();

  constructor(private http: HttpClient, private adapter: ProfiloAdapter) { }

  profilo(idNegozio: string): Observable<Profilo>{
    return this.http
      .get(`${Globals.API_URL}/profilo/${idNegozio}`)
      .pipe(
        map((data: any) => this.adapter.adapt(data)),
        // API返回后自动更新BehaviorSubject的值
        tap(profilo => this.dataProfiloSubject.next(profilo))
      );
  }

  // 可选：如果需要手动更新数据，保留这个方法
  updateProfilo(profilo: Profilo) {
    this.dataProfiloSubject.next(profilo);
  }
}

第二步：调整父组件negozio.component的代码 #

不需要手动给服务的变量赋值，API请求的管道里已经通过tap自动更新了Subject的值：

ngOnInit(): void {
  this.profiloService.profilo(this.idNegozio).subscribe((profilo: Profilo) => {
    this.profilo = profilo;
    // 这里无需再给service的dataProfilo赋值，tap已经完成了这个操作
  });
}

第三步：修改子组件（moduli.component和ecom.component）的代码 #

不要在ngOnInit里直接读取变量，而是订阅服务暴露的dataProfilo$可观察对象，这样当数据更新时，组件能自动收到最新值：

profilo: Profilo;
constructor(public profiloService: ProfiloService) { }

ngOnInit(): void {
  // 订阅可观察对象，实时获取最新的profilo数据
  this.profiloService.dataProfilo$.subscribe(profilo => {
    this.profilo = profilo;
    console.log(this.profilo); // 现在能正确拿到异步返回的数据了
  });

  // 更推荐的方式：使用Async管道（自动处理订阅和取消订阅，避免内存泄漏）
  // 组件里定义：profilo$ = this.profiloService.dataProfilo$;
  // 模板里使用：<div *ngIf="profilo$ | async as profilo">{{ profilo.nome }}</div>
}

为什么之前的方案失效？ #

• 直接用普通变量dataProfilo：异步API返回前变量是undefined，子组件初始化时读取的就是这个值，后续变量更新时不会主动通知子组件。
• 误用BehaviorSubject：如果只是直接取dataProfiloSubject.value，还是会遇到时序问题——子组件初始化时value还是默认值，API返回后才更新，但组件无法自动感知这个变化，必须通过订阅来监听状态更新。

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