当改变URL时，主题不会被触发。

我的应用程序有以下app-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { PageNotFoundComponent } from './core/page-not-found/page-not-found.component';
const routes: Routes = [
  { path:  '', redirectTo: 'forms', pathMatch: 'full'  },
  { path:  'forms', loadChildren : () => import('./pages/forms/forms.module').then(m => m.FormsModule)   },
  { path:  'admin', loadChildren : () => import('./pages/admin/admin.module').then(m => m.AdminModule)   },
  { path: '**', component: PageNotFoundComponent }  
@NgModule({
   imports: [RouterModule.forRoot(routes)],
   exports: [RouterModule]
}) 
export class AppRoutingModule { }

如您所见，我有两个我称之为“产品”的东西，它们分别是“forms”和“admin”，它们通过url /forms和/admin进行访问。

app.component.html如下所示：

  
  
Loading...
  
  

如您所见，我有一个组件“navbar”，被标记为。问题是，根据用户所在的产品，此导航栏的内容将有所不同。为了更清楚，让我们看一下navbar.component.html：

    lalalallala

还有navbar.component.ts：

import { OnInit, OnDestroy, Component } from '@angular/core';
import { Subscription } from '../../../../../node_modules/rxjs';
import { ProductEnum } from '../../../shared/models/enums/product-enum';
import { ProductContainer } from '../../../shared/containers/product-container';
@Component({
    selector: 'navbar',
    templateUrl: './navbar.component.html',
    styleUrls: ['./navbar.component.scss']
  })
export class NavbarComponent implements OnInit, OnDestroy 
{
    public currentProduct:ProductEnum;
    private subscription = Subscription.EMPTY;
    constructor(private _productContainer:ProductContainer) 
    {
    }
    ngOnInit(): void 
    {
        this.currentProduct = this._productContainer.getCurrentProduct();
        this.initializeSubscribers();
    }
    ngOnDestroy(): void 
    {
        this.subscription.unsubscribe();
    }
    private initializeSubscribers():void
    {
        this.subscription.add(this._productContainer.getChangeCurrentProductSubject().subscribe(_newCurrentProduct => {
            this.currentProduct = _newCurrentProduct;
        }));
    }
}

所以导航栏的内容将根据currentProduct属性而变化。而这个变量将通过一个名为ProductContainer的可注入服务上存在的subject属性进行更新（顺便说一句，这个名称很糟糕，我知道）。

以下是ProductContainer（product-container.ts）的代码：

import { Injectable } from '@angular/core';
import { Subject } from '../../../../node_modules/rxjs';
import { ProductEnum } from '../models/enums/product-enum';
@Injectable({
    providedIn: 'root',
  })
export class ProductContainer
{
    private changeCurrentProductSubject: Subject = new Subject();
    private currentProduct: ProductEnum = ProductEnum.Forms;
    public setCurrentProduct(_newCurrentProduct:ProductEnum):void
    {
        this.currentProduct = _newCurrentProduct;
        this.changeCurrentProductSubject.next(this.currentProduct);
    }
    public getCurrentProduct():ProductEnum
    {
        return this.currentProduct;
    }
    public getChangeCurrentProductSubject():Subject
    {
        return this.changeCurrentProductSubject;
    }
}

所以，如果我们回到app-routing.module.ts，我们可以看到当访问\admin url时，将加载AdminModule。以下是AdminModule的代码：

import { CommonModule } from '@angular/common';
import { SharedModule } from '../../shared/shared.module';
import { NgModule } from '@angular/core';
import { AdminRoutingModule } from './admin-routing.module';
import { AdminHomeModule } from './admin-home/admin-home.module';
import { CoreModule } from '../../core/core.module';
import { ProductContainer } from '../../shared/containers/product-container';
import { ProductEnum } from '../../shared/models/enums/product-enum';
import { Router, RouterModule } from '@angular/router';
@NgModule({
    declarations: [],
    imports: [
      CommonModule,
      SharedModule,
      AdminRoutingModule,
      AdminHomeModule,
      CoreModule,
      RouterModule
    ]
})
export class AdminModule
{
  constructor(private _productContainer:ProductContainer, private router: Router)
  {  
    this._productContainer.setCurrentProduct(ProductEnum.Admin);
  }
}

所以，当访问\admin url时，它将将当前产品设置为Admin，因此导航栏将知道产品已更新。

但问题很简单，navbar中的订阅不起作用。

（编辑：错误的一部分也是由于使用了private subscription = Subscription.EMPTY;，当我替换为private subscription = new Subscription();时它就开始工作了）