Angular：如何在组件中完全移除模块注入的MyProviderService提供者

Angular的注入器是层级继承的，根注入器（AppModule）里的提供者会被子组件注入器继承，所以默认情况下组件总能找到MyProviderService的实例。要实现「不加@Optional就报错」的效果，本质是让组件注入时无法解析到该服务的任何实例，哪怕根注入器里有。下面提供两种可行的技巧：

• 技巧一：用useExisting指向不存在的Token
  在组件的providers里配置一个指向不存在Token的提供者，注入器会因为找不到这个Token而抛出NullInjectorError，效果和服务完全未提供一致：

@Component({
  providers: [
    // 指向一个不存在的Token，导致注入失败
    { provide: MyProviderService, useExisting: 'DummyNonExistentToken' },
  ],
})
export class YourComponent {
  // 不加@Optional会直接报错，必须加@Optional才能安全注入
  constructor(@Optional() private myService?: MyProviderService) {}
}

• 技巧二：用工厂函数手动抛出NullInjectorError
  直接在工厂函数里抛出和注入器找不到提供者时一致的错误，模拟服务不存在的场景：

import { NullInjectorError } from '@angular/core';

@Component({
  providers: [
    { 
      provide: MyProviderService, 
      useFactory: () => {
        throw new NullInjectorError('No provider for MyProviderService');
      }
    },
  ],
})
export class YourComponent {
  constructor(@Optional() private myService?: MyProviderService) {}
}

需要说明的是：Angular本身没有提供「移除父级提供者」的直接API，因为注入器的继承机制就是向上查找。这两个技巧都是通过让组件层级的提供者解析失败，来模拟服务完全不存在的状态，从而达到你要的效果——不加@Optional就触发注入错误，只有加了才能注入到undefined。

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